Jquery 滑块不起作用 - 显示所有图像

【问题标题】：Jquery slider not working - showing all imagesJquery 滑块不起作用 - 显示所有图像
【发布时间】：2013-01-21 02:48:37
【问题描述】：

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

它垂直显示所有图像，当我应用<style="overflow:hidden;"> 时，滑块只停留在第一张图像上，不会滑动。

【问题讨论】：

您是否在控制台中收到任何错误消息，最重要的是我们也看到您正在使用的代码
我在您的页面中收到此错误：Uncaught TypeError: Object [object Object] has no method 'jcarousel'

标签： jquery jquery-slider

【解决方案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。试试看……

【讨论】：