0

<li>最後に到達すると最初に追加するjquery画像スクローラーがあり<li>ます。しかし、onclickの代わりにホバーを使用している場合、以下のコードは機能しません

  jQuery("#gallery-next").click(function () {
     next_scroll();
 });

 function next_scroll() {
     if (jQuery("#gallery").position().left > stopPosition && !jQuery("#gallery").is(":animated")) {
         jQuery("#gallery").animate({
             left: "-=" + imageWidth + "px"
         });
     }
     if (jQuery("#gallery").position().left == stopPosition) {
         $("#gallery > li:first").appendTo("#gallery").fadeIn('slow');
         return false;
     }
 }

クリック機能の代わりにマウスエンター/ホバーを機能させるにはどうすればよいですか。このフォーラムで非常によく似た他のソリューションを見たことがありますが、それらを利用することはできません。では、コードで答えてください。それはとても役に立ちます。Fiddleを確認するためのリンクを次に示します 。

4

1 に答える 1

1

質問を理解したら、必要なのはこれを変更することです：

jQuery("#gallery-next").click(function () {
    next_scroll();
});

これについて：

var timer = 0;
jQuery("#gallery-next").
mouseover(function () {
     //Call next_scroll() every two seconds
     timer = setInterval(next_scroll, 2000);})
.mouseout(function(){
     timer = clearInterval(timer);
});

更新:ではsetInterval()ありませsetTimeOut()ん。混乱して申し訳ありませんが、更新されたフィドルを確認してください

于 2013-01-23T07:35:00.670 に答える