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

滑动图像需要更多设计，尤其是后退/下一步按钮。

我建议使用开发良好的插件，而不是自己构建。

我能想到的是slidejs，http://www.slidesjs.com/

在我的网站上滑动我的图像滑块问题

1 个答案: