javascript - 旋转木马的交叉淡入淡出效果无法正常工作

Question

我有两个具有相同效果的 caroufredsel slider :

主页上第一个不交叉淡入淡出的 slider http://www.clubseekr.com

但是在另一个使用相同 slider 的页面上它确实有效 http://clubseekr.com/tokyo/unit/要转到 slider ，只需单击标题下方的 4 张照片中的一张:照片

为了得到想要的淡入淡出效果，我使用了下面的代码

$('#carousel').carouFredSel({ 
    scroll : { fx : "crossfade" }
});

总代码有点多，但这应该也能在主页上产生效果。我在 slider 中做错了什么吗？

Answer 1

很可能您的主页中有一个英雄旋转栏，并且该 JavaScript 函数与轮播 JavaScript 函数冲突。如果我遇到这个问题，我会将这些部分中的任何一个放到另一个页面并使用 Iframe 加入它。当您使用 Iframe 时，这些 java 函数可以分别对它们进行处理而不会发生任何冲突。