为什么我的幻灯片没有循环播放
Why is my slideshow not looped
由于某种原因,我的幻灯片没有循环播放。整个网站相当旧,运行在Joomla上,我被要求将基于Flash的幻灯片转换为jQuery幻灯片。
http://www.colours.ltd.uk/lazzari/index2.php
在你们中的一个的帮助下,我设法让幻灯片运行,但现在由于某种原因,在它通过所有这些幻灯片后,它没有循环,它会在白屏上停止。关于如何解决这个问题的任何想法?
//Slideshow
jQuery(function() {
jQuery("#slideshow1 > li:gt(0)").hide();
setInterval(function() {
jQuery('#slideshow1 > li:first')
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo('#slideshow1');
}, 6000);
});
我注意到由于某种原因"不透明度:0;"仍然存在,而在我的其他站点之一上,它会尽快消失,允许循环继续。
我修复了它,jQuery和Prototype库之间存在巨大的冲突。我将原型更新到最新版本,它现在似乎可以工作,希望我没有破坏任何东西。
试试这个 repeat()
函数
$('#slideshow img').hide().repeat().each($).fadeIn(1000).wait(6000).fadeOut(1000);
**********更新**********
例:http://jsfiddle.net/gmaniac/9h5Let17/
相关文章:
- 使用jQuery无限循环播放HTML页面幻灯片
- 在没有大量回调函数的情况下在列表元素上循环播放同一动画
- 如何循环播放幻灯片中进度条的函数
- 停止循环播放文本,但仍运行效果
- 使用 Javascript 循环播放 HTML5 音频
- 随机页面加载后循环播放其余视频
- 循环播放Raphael动画,没有fps问题
- 使用Snap.svg循环播放动画
- Vide.js循环播放多个视频
- 循环播放动画
- 使用jquery循环播放视频
- 整页.js - 在背景视频循环播放时向右移动幻灯片
- 科尔多瓦媒体,如何获取循环播放的回调
- 如何循环播放按钮
- 防止视频阵列循环播放
- j查询视频不循环播放
- 在HTML5 Canvas / Fabric js中循环播放动画
- 使动画循环播放
- 回退到 Flash 时,使用 VideoJS 库循环播放视频
- 音轨在Javascript中循环播放,没有延迟