jquery - 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。试试看...