Проблемы с записью с моим слайдером изображения на моем сайте

Question

Эй, проблема у меня есть на моем сайте www.stallionstride.org.

Ползунок изображения работает, когда мои кнопки нажимаются медленно, однако, если вы быстро нажмете левую и правую кнопки, когда мои изображения вернутся в другую сторону, вместо этого он скользит в пустое место.

Я попытался использовать команду остановки, но это не сработало для меня.

Вот мой код. Я включил только правильные кнопки, так как левые в основном одинаковы. Любая помощь приветствуется.

$('#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/