jQuery Cycle插件“放大”而不是fadeIn

时间:2012-05-18 09:51:47

标签: javascript jquery zoom jquery-cycle

我有很多带有图像(图块)的div,我希望在网站打开时逐一显示。 jQuery Cycle Plugin通过使用:

来支持这一点
$('#slideshow img:first').fadeIn(1000, function() {
    $('#slideshow').cycle();
});

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

我想要的是:

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

  • 以上代码淡入图像,但我希望它可以缩放/淡入。所以它看起来像是弹出式广告。

提前致谢!

1 个答案:

答案 0 :(得分:0)

<强>更新

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

相关问题