有关一个项目,我想作内容横幅,将几个“幻灯片”(包含HTML,图像等)之间进行切换。在“幻灯片”的div元素。通过的jCarousel使用的效果的slideIn不是人想要什么,他将其与7秒所示的每个“滑动”到wanst淡入/淡出的“滑动”。

任何人都知道的一个插件,可以实现这一目标?

P.S。我曾试着问是否有人创造了一个淡入/淡出效果,为的jCarousel但问题一直没有任何回应,所以现在我愿意改变插件中的一个,这是否特定的任务。

有帮助吗?

解决方案

你见过的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"

许可以下: CC-BY-SA归因
不隶属于 StackOverflow
scroll top