Javascript 简单jQuery单击滑块

Javascript 简单jQuery单击滑块,javascript,jquery,html,Javascript,Jquery,Html,我在让我的简单jQuery图像滑块后退时遇到了一个问题。 我的前进按钮工作正常 $("#slideshow > div:gt(-1)").hide(); $(".Leftarrow").click(function(){ $('#slideshow > div:first') .fadeOut(1000) .next() .fadeIn(1000) .end() .appendTo('#slideshow'); }); 这是用于bac

我在让我的简单jQuery图像滑块后退时遇到了一个问题。 我的前进按钮工作正常

$("#slideshow > div:gt(-1)").hide();
$(".Leftarrow").click(function(){
    $('#slideshow > div:first')
    .fadeOut(1000)
    .next()
    .fadeIn(1000)
    .end()
    .appendTo('#slideshow');
});
这是用于backbutton的,它似乎跳过了一两个幻灯片而不是后退

我尝试了几种方法让它工作,但到目前为止没有任何效果。我使用了.prev()来代替.next(),但这不起作用,我还尝试更改div:gt(0)中的数字,但也不起作用。我原以为向后走会有点简单,就像向前走一样

任何帮助都是非常有用的


谢谢

我根据您的代码编写了一些滑块原型。看起来很简单

$("#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:

如果您能创建一个JSFIDLE,您可能忘记附加链接了。谢谢您,Alex,非常感谢!