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);
});

休息你可以通过这个链接看到： https://jsfiddle.net/tasmanangel/a72mLuh5/

简单的jQuery单击滑块

1 个答案: