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');
});
精彩评论