Простой jQuery click slider

Question

У меня возникла проблема с тем, чтобы мой простой слайдер изображения jQuery возвращался назад. Моя кнопка «Вперед» работает нормально.

$("#slideshow > div:gt(-1)").hide(); 
$(".Leftarrow").click(function(){ 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .end() 
    .appendTo('#slideshow'); 
}); 

Это для подноса, это, кажется, пропускает слайд или два, а не назад.

Я попытался несколько способов заставить его работать, но пока ничего не сработало. Я использовал .prev() вместо .next(), но это не сработало, я также попытался изменить число в div: gt (0), но это также не сработало. Я бы подумал, что было бы довольно просто вернуться назад, чтобы продвигаться вперед.

Любая помощь будет весьма полезным,

Спасибо

Answer 1

Я написал несколько слайдера прототип, основанный на коде. Выглядит достаточно просто.

$("#slideshow > div:last").show(); 

$(".left").click(function(){ 
    $('.active') 
     .fadeOut(500) 
     .removeClass('active') 
     .prev() 
     .addClass('active') 
     .fadeIn(500); 
}); 
$(".right").click(function(){ 
    $('.active') 
     .fadeOut(500) 
     .removeClass('active') 
     .next() 
     .addClass('active') 
     .fadeIn(500); 
}); 

Rest вы можете увидеть по этой ссылке: https://jsfiddle.net/tasmanangel/a72mLuh5/