jQuery的滑塊不工作 - 顯示所有圖像

Question

我在cascadesdev1.wpengine.com

一個jQuery滑塊它顯示所有圖像垂直和我申請<style="overflow:hidden;">，滑塊只是停留在第一個圖像，不滑動。

Answer 1

有時它更容易被我們自己，而不是代碼中使用插件的動畫...

採取這種撥弄一下：http://jsfiddle.net/promatik/p8SYJ/

setInterval(scrollImage,2500); 

function scrollImage() { 
    actual = (actual == nImages-1) ? 0 : actual+1; 
    $('.slider').animate({ top: -250*actual+'px' }, 800, 'easeInOutBack'); 
}; 

正如你想的圖像之間的簡單過渡，你，可以創建自己的jquery動畫，並自定義間隔時間（2500ms），過渡時間（800ms）和效果，我使用easeInOutBack，但可以使用簡單的easeOutQuad甚至是令人驚歎的easeOutBounce。試試吧...