javascript - jQuery Cycle 插件“放大”而不是淡入

Question

我有很多带有图像（图块）的 div，我希望在网站打开时一一出现。jQuery Cycle 插件通过以下方式支持这一点：

$('#slideshow img:first').fadeIn(1000, function() {
    $('#slideshow').cycle();
});

这很好用，但是我想在这个动画中做一些我自己做不到的调整，因为我对 jQuery 和 JS 的了解不够。我尝试过粗略的，但每一次努力都失败了。

我想要的是：

• 图像需要一张一张地出现。据我所知，此插件中没有“暂停”选项。有没有一个选项可以让我在动画开始前将动画保持几毫秒？

• 上面的代码淡入图像，但我希望它放大/淡入。所以它看起来像瓷砖弹出。

提前致谢！

Answer 1

更新

您可以使用 jquery 延迟来实现：

$('#slideshow').cycle({fx:'fadeZoom'}).pause().delay(5000).resume();

原始答案

该插件具有您似乎正在描述的所有选项：

供参考的选项：http: //jquery.malsup.com/cycle/options.html

$('#slideshow').cycle({fx: 'fadeZoom', delay: 1000});是你想要调用的。fx 定义动画，延迟将延迟循环的开始。

这是所有动画的列表：http: //jquery.malsup.com/cycle/browser.html