开发者

Jquery cycle plugin not pausing

开发者 https://www.devze.com 2023-02-14 14:25 出处:网络
I have an interesting issue... I created a featured content slider that triggers a sub slideshow for each slide...Everything works as expected except the pause on the pagers. I\'ve tried the native op

I have an interesting issue... I created a featured content slider that triggers a sub slideshow for each slide... Everything works as expected except the pause on the pagers. I've tried the native options as well as binding a hover event to the pager. Any help would be appreciated.

function subCycle(){

$("#inside-tabs").html("");

$('#' + this.id + ' ul').cycle({ 
    fx:     'fade',
    speed:  'fast', 
    timeout: 3000,
    pagerEvent: 'mouseover', 
    pager:  '#inside-tabs',
    allowPagerClickBubble: true,
    pause: 1,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) { 
        var link = $('#' + slide.id + ' h4 a').attr("href");
            return '<li><a href="'+ link +'">' + slide.title + '</a></li>'; 
        }
  }); 

}

$('#page-banner ul').cycle({
    before: subCycle,
    slideExpr: '.parent-page',
    fx:     'fade', 
    speed:  'fast',
    timeout: 9000,
    pagerEvent: 'mouseover', 
    pager:  '#outside-tabs',
    allowPagerClickBubble: true,
    pause: 1,开发者_如何学JAVA
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) { 
           var link = $('#' + slide.id + ' h3 a').attr("href");
           return '<li><a href="'+ link +'">' + slide.title + '</a></li>';
        }
});


This was resolved... The solution was

$('#your_pager li a').live('hover', function() { 
  $('#container ul').cycle('toggle'); 
});
0

精彩评论

暂无评论...
验证码 换一张
取 消