javascript - 我的网站上的图片滑块出现幻灯片问题

Question

嘿，所以我遇到的问题在我的网站 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);

});

Answer 1

Sliding images requires more design especially with back/next button.

I would suggest well developed plugin instead of building on your own.

One I can think of is slidejs, http://www.slidesjs.com/