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

Question

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

有人知道可以实现此目的的插件吗？

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

Answer 1

你见过jQuery Cycle 插件吗？它有很多不同的选项，其中一个是淡入淡出效果。只需下载插件代码，然后使用以下

$(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"