Jquery幻灯片没有淡出

时间:2010-12-15 11:49:41

标签: jquery slideshow

http://www.beulahprint.ie

我正在尝试构建客户端推荐幻灯片。我想要大约10个div,每个div将有一个图像和一些文本,jQuery循环通过div,在每个div上暂停几秒钟并在完成时重复循环。一个div一次显示,没有淡出。

或者,如果可能的话,我可以只有一个div,交替内容?

我目前在我的网站上有图片淡出,但我找不到任何有关没有淡入淡出的幻灯片幻灯片的帮助。

2 个答案:

答案 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的插件,可让您使用您喜欢的任何效果循环显示图像。