后退按钮js幻灯片

Question

我与js并不是家庭，而我正试图制作一个包含动画的html div的滑块。这是我使用的js：

$(function(){
// find all slides
var slides = $('.main-slide');
// starting index
var i = 0;
// click listener
$('#main-slider-next').click(function(){
// find next index
// i + 1 or 0 if end of slides
i = ++i % slides.length;
// scroll to that index
$('.slider-wrapper').animate(
  {'left' : -(slides.eq(i).position().left)},
  1000
);
});
});

代码包含下一个幻灯片按钮，但我想知道如何使用js制作上一个幻灯片按钮。有谁知道我怎么能做到这一点？

Answer 1

您可以随时使用一些简单的jQuery滑块，例如http://www.basic-slider.com/（或更高级http://unslider.com/） 您所要做的就是更改动画类型设置：

animtype : 'fade',

到

animtype : 'slide',

你准备好了;）。

Answer 2

很容易。尝试：

$('#main-slider-previous').click(function() {
    $('.slider-wrapper').animate({
        'left': '+=100%'
    },1000);

});