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。试试吧......