繁体   English   中英

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

[英]create image slider that shows part of previous and next image

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

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

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

无需输入所需的代码,我的建议是使用jquery(如果是,则使用moo)来维护一个三到五个图像长的div,并保留要显示的所有图像的URL列表。 向左或向右滑动图像时,将弹出另一端的图像,并将适当的图像添加到另一侧。

您可以使用相同的技术无缝遍历列表。

尝试这个。

英雄轮播

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM