Я использую цикл Jquery для создания слайд-шоу с миниатюрами пейджеров. Слайд-шоу должно быть приостановлено, когда миниатюра наведена.
Тем не менее, я заметил, что если быстро нажимать на большие пальцы или быстро перемещать мышь над ними, время ожидания меняется и даже пропускает изображения! (FireFox / IE9).
Я попробовал исправление, рекомендованное здесь, чтобы предотвратить образование пузырьков, но цикл не загружался:
$.click(function(event){
event.preventDefault();
event.stopPropagation();
})
Это позволило циклу загрузиться, но не решило проблему:
$('#nav li a').onmouseenter(function(event){
event.preventDefault();
event.stopPropagation();
})
Это мои настройки и любые советы приветствуются:
$('#slideshow').before('<ul id="nav">').cycle({
fx: 'scrollLeft',
delay: 2000,
sync: 1,
speed: 1500,
timeout: 3000,
manualTrump: true,
pager: '#nav',
pagerEvent: 'mouseover',
pauseOnPagerHover: true,
slideExpr: 'img',
allowPagerClickBubble: false,
pagerAnchorBuilder: function(idx, slide) {
return '<li><a href="javascript:void(0);"><img src=\"' + slide.src + '" width="30" height="30"></a></li>';
}
});