AnythingSlider具有淡入淡出效果

时间:2010-08-25 17:39:44

标签: javascript anythingslider

我正在使用Chris Coyier的anythingSlider。

有人能说出如何从幻灯片效果更改为淡入淡出效果吗?

遗憾, Saulo

1 个答案:

答案 0 :(得分:3)

嗯,正如the core此时(v1.5.6.1),在淡入淡出过渡中无法在两张幻灯片之间进行转换,但您可以使用FX扩展淡入下一张图片。尝试这样的事情:

$('#slider')
    .anythingSlider({
        animationTime : 0
    })
    .anythingSliderFx({
        inFx: {
            'img' : { opacity: 1, duration: 500 }
        },
        outFx: {
            'img' : { opacity: 0, duration: 0 }
        }

将“animationTIme”和outFx时间设置为零将确保不会看到上一个图像(没有滑动),但是inFx(fadeIn)将位于透明背景上。我不知道这是否满足你的需求。