对于一个项目,我想制作一个内容横幅,可以在几个“幻灯片”(包含 html、图像等)之间切换。 “幻灯片”是 div 元素。 jCarousel 使用的幻灯片效果并不是他想要的,他希望它能够淡入/淡出“幻灯片”,并且每个“幻灯片”显示 7 秒。
有人知道可以实现此目的的插件吗?
P.s.我试图询问是否有人为 jCarousel 创建了 fadeIn/fadeOut 效果,但这个问题没有得到任何回应,所以现在我愿意更改插件来执行此特定任务。
最佳答案
你见过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"
关于jQuery 内容切换和淡入淡出插件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1282043/