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

Question

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

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

P.s.我试图询问是否有人为 jCarousel 创建了 fadeIn/fadeOut 效果，但这个问题没有得到任何回应，所以现在我愿意更改插件来执行此特定任务。

Answer 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"