1

前と次のボタンが付いた画像スライダーがあります。次のボタンに別の機能を追加して、2回目のクリックでさらにスライドさせるにはどうすればよいですか?

JavaScript:

$(document).ready(function(){
    var speed = 600;
    $('#navNext').click(function () {
        $('#carousel ul').animate({marginLeft:'-665px'}, speed);
    });

    $('#navPrev').click(function () {
        $('#carousel ul').animate({marginLeft:'1px'}, speed);
    });
});

HTML:

<a id="navNext" href="#" onclick="click(); return false"></a>
4

1 に答える 1

0

これを行うには、変数を使用してボタンがクリックされた回数を追跡し、他のボタンがクリックされるたびに変数をリセットし、そのカウントを使用してアニメーション化する速度を決定します。

var nextClickCount = 0;
$('#navNext').click(function() {
    nextClickCount += 1;
    previousClickCount = 0;
    $('#carousel ul').animate({marginLeft:'-665px'}, nextClickCount * speed);
});
var previousClickCount = 0; //...
于 2012-12-11T22:15:13.787 に答える