jquery循环同步不会淡出淡出的内容

Question

所以我对fadein / fadeout同步的解释是，当第一张图像开始淡出时，第二张图像开始淡入，但是在我的脚本中，我有大约一秒钟的空白空间，然后下一张图像开始消失到。

        $(function(){
            $('#up').cycle({
                fx:    'fade',
                sync:  true,
                delay: -2000
             });
        });

Answer 1

我不确定问题是什么。 sync应该按照你说的做。此外，你真的不需要sync: true因为它是默认值。如果可能的话，请发布一个jsfiddle。

但首先尝试设置fx: 'fadeout'。参见：

http://jquery.malsup.com/cycle/fadeout.html

和

https://github.com/malsup/cycle/commit/f769b0fabe925b6cf8b4b5197b8c868ceb0c9261

这会淡化“顶部”图像，以便在所有情况下显示下方的“底部”图像，这样就不会有任何你称之为“空白区域”的图像。 （Alsup是一个超级英雄和所有，但必须说文档中没有很好地解释各种fx设置。）要理解的是脚本动画两个元素（通常是图像）与单线程。因此，例如，如果您使用默认的fx设置，即fade，并且在白色背景上有两个黑色图像，您将看到一个令人不快的透视图。每个幻灯片过渡中点的背景。 （就个人而言，我在日常使用中使用'fadeout'来表示所有内容。恕我直言，它应该是fx的默认设置。）

最后，要了解delay仅影响第一次转换的时间。它对后续转换没有影响。