编程自动定时 3 张循环幻灯片
我使用 HTML/CSS 设计网站,最近才开始使用 jQuery 添加到我的设计中。我一直在将代码与与我类似的不同问题分开,但从来没有足够的帮助,我不仅仅是对该程序没有足够的经验。我基本上正在寻找一种方法,通过一遍又一遍地淡入彼此来使三幅图像循环。就是这样,它会像这样:
1)网站加载/图像1 fadeIn
2)等待5秒
3a)图像 1 淡出“快速”
3b)image 2 fadeIn(这是为了在图像淡入淡出时不显示图像之间的背景)
4)重复直到最后一个图像淡入
5)顺利循环回到图像 1
我非常感谢您的帮助
I design websites using HTML/CSS and i just recently started using jQuery to add to my designs. i've been stripping code apart from different questions similar to mine but never helpful enough, im not just not experienced enough with the program. I'm basically looking for a way to have 3-images cycle by fading into each other over and over. That's it, it would go like this:
1)website loads/image 1 fadeIn
2)wait 5 seconds
3a)image 1 fadeOut 'fast'
3b)image 2 fadeIn (this is to not show the background between images when they're fading)
4)repeat until last image fadeIn
5)smoothly loop back into image 1
I would totally appreciate the help
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
使用 jquery Cycle 插件 实现淡入淡出效果:http://jquery.malsup.com/cycle/browser.html
Use jquery cycle plugin with fade effect: http://jquery.malsup.com/cycle/browser.html