1

Cycle2 Pause On Hover の機能を取り入れようとしていますが、逆に実行するように実装しています。ホバー時にのみスライドショーが開始されるように (マウスが画像から離れると終了します)

これが以下のデモです

Cycle2 ホバーで一時停止 - デモ

ここにコードがあります

<div class="cycle-slideshow" 
data-cycle-fx=fadeout
data-cycle-timeout=1000
data-cycle-pause-on-hover="true"
>
<img src="http://jquery.malsup.com/cycle2/images/p1.jpg">
...
</div>
4

1 に答える 1

4

data-cycle-pause-on-hovercycle-slideshow div から属性を必ず削除してください。

次に、このjQueryコードが機能するはずです

$('.cycle-slideshow').cycle('pause');
$('.cycle-slideshow').hover(function () {
    //mouse enter - Resume the slideshow
    $('.cycle-slideshow').cycle('resume');
},
function () {
    //mouse leave - Pause the slideshow
    $('.cycle-slideshow').cycle('pause');
});
于 2013-10-03T18:11:23.773 に答える