0

ねえ、私が抱えている問題は私のウェブサイト www.stallionstride.org にあります。

ボタンをゆっくり押すと画像スライダーが機能しますが、画像が反対方向にスライドする必要があるときに左右のボタンをすばやく押すと、代わりに空の場所にスライドします.

stop コマンドを使用してみましたが、うまくいきませんでした。

これが私のコードです。左は基本的に同じなので、右のボタンイベントのみを含めました。どんな助けでも大歓迎です。

$('#rightbutton').click(function() {
    //clear the timer since photos scroll through at a certain amount of time

    clearTimeout(timeoutTracker);
    var scrollAmount = $('#slideshow_inner img').width();
    var currentPos = Math.abs(parseInt($('#slideshow_inner').css('left')));

    var remainingScroll = ($('#slideshow_inner').width() - currentPos)/908;

    if (remainingScroll == 1) {
        $('#slideshow_inner').stop(true, false).animate({ 'left' : '0' }, 'slow');
    }
    else {
        $('#slideshow_inner').stop(true, false).animate({ 'left' : '-=' + scrollAmount}, 'slow');
    }
    timeoutTracker = setTimeout(function() {$('#rightbutton').click(); }, 3000);

});
4

1 に答える 1

0

画像をスライドさせるには、特に戻る/次へボタンでより多くのデザインが必要です。

独自に構築するのではなく、よく開発されたプラグインをお勧めします。

私が考えることができるのはslidejs、http://www.slidesjs.com/です

于 2013-09-20T03:47:24.013 に答える