Jquery幻灯片不褪色答案

【问题标题】：Jquery Slideshow No FadeJquery幻灯片不褪色
【发布时间】：2010-12-15 20:03:22
【问题描述】：

我正在尝试制作客户推荐幻灯片。我想要大约 10 个 div，每个 div 里面会有一个图像和一些文本，jQuery 循环遍历 div，在每个 div 上暂停几秒钟，完成后重复循环。一次显示一个 div，不会淡出。

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

我的网站上的图片目前正在褪色，但我在没有褪色的 div 幻灯片上找不到任何帮助。

【问题讨论】：

【解决方案1】：

here 描述了一个插件，可让您使用您喜欢的任何效果循环浏览图像。

【讨论】：

在我网站的客户推荐部分，您可以看到我已经将其设置为循环浏览图像。问题是，我想循环浏览 div，而不是图像。这可能吗？
该插件提供了一个称为循环的方法，该方法在容器元素上调用。容器的每个子元素都从这里变成“幻灯片”：jquery.malsup.com/cycle，似乎建议您可以使用 div 作为容器对象。
刚刚测试过，它可以工作。如果您遇到任何问题，请告诉我
好人啊，抱歉回复慢了，还是习惯了这个编码行业！现在看起来很好，但是效果看起来不够流畅，有什么办法可以解决这个问题吗？是宽松的效果吗？如果是这样，我该如何实施？感谢您到目前为止的帮助，非常感谢！
@Colm，我对 JQuery 动画的玩得还不够，这里可能是个不错的起点api.jquery.com/category/effects

【解决方案2】：

我通常使用 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 的背景设置为该值。

【讨论】：