1
Jquery Cycleを使用して、サムネイルページャを使用してスライドショーを作成しています。スライドショーは、サムネイルが上がったときに一時停止する必要があります。Jquery Cycleプラグインのタイムアウトは、クリックまたはホバーした後にスピードアップしますか?
しかし、親指をすばやくクリックしたり、マウスをすばやく移動したりすると、タイムアウトが変更されて&が画像をスキップすることに気付きました。 (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>';
}
});