jQuery 内容切换和淡入淡出插件？

【问题标题】：jQuery content switch and fadein plugin?jQuery 内容切换和淡入淡出插件？
【发布时间】：2009-08-15 14:48:17
【问题描述】：

对于一个项目，我想制作一个可以在多个“幻灯片”（包含 html、图像等）之间切换的内容横幅。 “幻灯片”是 div 元素。 jCarousel 使用的 slideIn 效果不是这个家伙想要的，他希望它淡入/淡出“幻灯片”，每个“幻灯片”显示 7 秒。

有人知道可以实现这个的插件吗？

附：我试图询问是否有人为 jCarousel 创建了淡入/淡出效果，但问题没有得到任何回应，所以现在我愿意为执行此特定任务的插件更改插件。

【问题讨论】：

jQuery 有淡入吗？你的意思是？这实现起来很简单吗？你有什么问题？如何实际实现？
没有使用淡入淡出效果在 4-10 个 div 元素之间循环的预构建插件。

标签： jquery jquery-plugins fadein jcarousel fadeout

【解决方案1】：

你见过jQuery Cycle Plugin吗？它有一个ton of different options，其中一个是淡入淡出效果。只需下载插件代码，然后使用以下

$(function() {
  $('div.slideshow').cycle({
    fx: 'fade', // choose the fade transition type
    timeout: 7000 // 7 second delay between fade in and fade out
  });
);

假设您的图片大小都相同，并且在 <div> 和 class="slideshow" 中

【讨论】：

我关闭了那个插件，因为它使用 img 元素而不是 div 元素，但会下载它并尝试看看它是否可以工作。
不限于图片。正如我回答中的第一个链接所述“这些演示中使用了图像，因为它们看起来很酷，但幻灯片不限于图像。您可以使用任何您想要的元素。”
感谢它几乎完美（除了 Firefox 中带有淡入/淡出的文本从模糊变为清晰）
没问题。我相信文本光栅化取决于浏览器而不是插件。