AnythingSlider 具有淡入淡出效果

Question

我正在使用 Chris Coyier 的 everythingSlider。

谁能告诉我如何从幻灯片效果更改为淡入淡出效果吗？

遗憾的是， 绍洛

Answer 1

好吧，由于核心此时（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) 将位于透明背景上。我不知道这是否能满足您的需求。