後退按鈕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', 

你'準備好去了;）。