后退按钮js幻灯片

Question

我不是家庭与js，我试图使滑块女巫包含html动画与divs。这是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

很容易。尝试：

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

}); 

Answer 2

你总是可以使用一些简单的jQuery滑块如http://www.basic-slider.com/（或更高级的http://unslider.com/） 所有你需要做的是改变动画类型设置：

animtype : 'fade', 

到

animtype : 'slide', 

你'准备好去了;）。