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

jQuery Cycle plugin "Zoom in" instead of fadeIn

本文关键字：淡入 放大 Cycle 插件 jQuery      更新时间：2023-09-26

我有很多带有图像(磁贴(的div，我想在打开网站时一个接一个地出现。jQuery Cycle 插件通过以下方式支持此功能：

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

这工作正常，但是我想在这个动画中进行一些我自己无法做的调整，因为我对 jQuery 和 JS 一般的了解不够。我尝试过粗略，但每一次努力都失败了。

我想要的是：

  • 图像需要逐个显示。据我所知，此插件中没有"暂停"选项。是否有一个选项，以便我可以在动画开始之前保持几毫秒？

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

提前感谢！

更新

您可以使用 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

相关文章：