Question

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,
    pauseOnPagerHover: true,
    pagerAnchorBuilder: function(idx, slide) { 
           var link = $('#' + slide.id + ' h3 a').attr("href");
           return '<li><a href="'+ link +'">' + slide.title + '</a></li>';
        }
});

Answer 1

This was resolved… The solution was

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