我正在尝试构建客户端推荐幻灯片。我想要大约10个div,每个div将有一个图像和一些文本,jQuery循环通过div,在每个div上暂停几秒钟并在完成时重复循环。一个div一次显示,没有淡出。
或者,如果可能的话,我可以只有一个div,交替内容?
我目前在我的网站上有图片淡出,但我找不到任何有关没有淡入淡出的幻灯片幻灯片的帮助。
答案 0 :(得分:0)
我通常使用1代表幻灯片的div,以及隐藏的无编号列表以及需要显示的项目。
<div id="slideshow">
<div id="image"></div>
</div>
<ul id="images" style="display:none;">
<li>image1.jpg</li>
<li>image2.jpg</li>
</ul>
您可以使用jquery next()函数(http://api.jquery.com/next)运行列表。获取当前列表项的html值,并将div#image的背景设置为该值。
答案 1 :(得分:0)
有一个描述here的插件,可让您使用您喜欢的任何效果循环显示图像。