创建图像滑块,显示上一个和下一个图像的一部分

时间:2012-03-13 22:58:00

标签: javascript jquery image slider

我尝试使用jQuery创建幻灯片(类似于jquery scrollhorz),但我希望部分显示上一张和下一张图片。

现在,我拥有的是一个div(隐藏溢出),包含我拥有的所有图像。按下上一个或下一个按钮时,我将整个div向左或向右设置动画。问题是,如果我将很多图像加载到div中,它会变得迟钝而且很慢。

实现此图像滑块的最佳设计是什么?

2 个答案:

答案 0 :(得分:1)

如果不进入所需的代码,我的建议是使用jquery(或moo,如果那是你的东西)来维护一个长度为三到五个图像的div,并保留一个url列表到你想要显示的所有图像。向左或向右滑动图像时,您将弹出另一端的图像并将相应的图像添加到另一侧。

您可以使用相同的技术无缝循环列表。

答案 1 :(得分:0)

试试这个。

Hero carousel

它符合您的描述....希望它有所帮助:)

这也可能是一个解决方案。 http://jsfiddle.net/JCQ6Q/15/
投票,如果它可以帮助你:)一切顺利