JQuery 幻灯片:火狐 v.13.0.1
JQuery slideshow : Firefox v.13.0.1
我正在使用以下脚本进行幻灯片库,它应该每 10 秒一个接一个地旋转几张照片。
它一直有效(在FF中),直到我将Firefox升级到版本13.0.1。
目前,如果它运行一段时间,那么它就会搞砸 - 它忽略计时器,只旋转 2 张照片,完全忽略其他 3 张。
如何解决此问题并使脚本更健壮?
谢谢!!!
function slideSwitch() {
var $active = $('#slideshow div.active');
if ( $active.length == 0 ) $active = $('#slideshow div:last');
// pull the divs in the order they appear in the markup
var $next = $active.next().length ? $active.next() : $('#slideshow div:first');
$active.addClass('last-active');
$next.css({opacity: 0.0})
.addClass('active')
.animate({opacity: 1.0}, 3000, function() {
$active.removeClass('active last-active');
});
}
$(function() {
var timer = setInterval( "slideSwitch()", 10000 );
$('#slideshow').hover(
function () {
clearInterval(timer);
},
function () {
timer = setInterval("slideSwitch()", 10000);
}
);
});
我通过以下方式在html中调用jquery:
<div id="slideshow">
<div class="active">
<img src="/images/slideImages/1.jpg" alt="xxx 1" title = "xx 1"/>
</div>
<div>
<img src="/images/slideImages/2.jpg" alt="xxx 2" title="xx 2" />
</div>
<div>
<img src="/images/slideImages/3.jpg" alt="xxx 3" title="xx 3" />
</div>
<div>
<img src="/images/slideImages/4.jpg" alt="xx 4" title="xx 4" />
</div>
<div>
<img src="/images/slideImages/5.jpg" alt="xxx 5" title="xx 5" />
</div>
</div>
请确保您的标签类型为"javascript"
Firefox不像chrome和safari那样理解"jscript"
相关文章:
- 幻灯片滚动javascript不起作用
- 让文本输入幻灯片显示输入时的新文本输入?然后向后滑动
- 创建具有可变长度幻灯片显示的幻灯片
- 如何在火狐浏览器中禁用F5和刷新
- 通过幻灯片更改事件停止使用jquery的音频
- 不能在同一页上进行多个jquery幻灯片切换
- 我可以使此幻灯片图像自动播放吗?
- JS幻灯片与CSS背景颜色变化
- 带有计数器、缩略图、进度条和淡入淡出效果的简单jQuery幻灯片
- jQuery图像幻灯片,在停止后淡出到第一张图像
- 删除“;上一个“;以及“;下一个“;基于当前幻灯片
- JQuery幻灯片,可点击编号位置
- Jquery幻灯片以一行左侧的图像开始,但我希望它从右端开始
- ionic幻灯片框中的每张幻灯片都有不同的HTML文件
- 在火狐浏览器卸载之前
- 使用jQuery无限循环播放HTML页面幻灯片
- 需要帮助自定义幻灯片自动播放
- 灯箱中的幻灯片转换错误
- reveal.js幻灯片的多重功能
- JQuery 幻灯片:火狐 v.13.0.1