jquery - jquery循环同步在淡出时不淡入内容

Question

因此，我对淡入/淡出同步的解释是，当第一张图像开始淡出时，第二张图像开始淡入，但是在我的脚本中，在下一张图像开始淡入之前，我有大约一秒钟的空白，这是由于。

        $(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，并且在白色背景上放置了两张深色图像，您将在每个幻灯片过渡的中点看到令人讨厌的背景显示。（就我个人而言，我在日常使用中对所有内容都使用“淡出”。恕我直言，它确实应该是默认设置fx。）

最后，要明白这delay只会影响第一次过渡的时间。它对后续的转换没有影响。