Jquery滑块不工作-显示所有的图像

Question

我有一个JQuery滑块在cascadesdev1.wpengine.com

它垂直显示所有图像，当我应用<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。