j查询周期同步在淡出时不会在内容中淡入淡出

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只影响第一次转换的时间。它对后续转换没有影响。