jQuery内容切换和fadein插件？

Question

对于一个项目，我想制作一个内容横幅，可以在几个“幻灯片”（包含html，图像等）之间切换。 “幻灯片”是div元素。 jCarousel使用的slideIn效果并不是那个人想要的，他希望它能够淡化/淡化“幻灯片”，每个“幻灯片”显示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"