首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >jQuery循环插件“缩放”而不是fadeIn

问jQuery循环插件“缩放”而不是fadeIn
EN

Stack Overflow用户
提问于 2012-05-18 09:51:46
回答 1查看 1.9K关注 0票数 0

我有很多的图像(瓷砖)的div,我想一个一个地出现在网站打开时。jQuery循环插件通过以下方法支持这一点:

代码语言:javascript
复制
$('#slideshow img:first').fadeIn(1000, function() {
    $('#slideshow').cycle();
});

这很好,但是我想在这个动画中做一些调整,因为我对jQuery和JS的了解还不够。我试过粗俗,但一切努力都失败了。

我想要的是:

  • 图像需要一个一个地出现。据我所知,在这个插件中没有“暂停”选项。有一个选项可以让我在动画启动前保持几毫秒吗?
  • 上面的代码会褪色一个图像,但是我希望它可以缩放/淡入。所以看起来像瓷砖插进来了.

提前感谢!

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-05-18 13:00:17

更新

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/10650388

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档