当前位置：首页 → 问答吧 → jquery+flash 百分比显示图片加载进度的问题

jquery+flash 百分比显示图片加载进度的问题

时间：2011-09-05

来源：互联网

前些天要做个显示大图片加载进度的东东，搜出了前辈写的这个教程。
http://bbs.blueidea.com/thread-2924080-1-1.html

这里有在线演示：
http://www.bpnet.com.cn/loadPic/load.htm
测试图片：

复制内容到剪贴板

代码:

http://www.dnzs123.com/uploads/allimg/091212/1_0015503183.jpg

测试效果很好，就是我要的那样百分比即时显示出图片加载进度来。

现在我的问题是：这个例子是要按加载图片才显示出来的。对应的JS为

复制内容到剪贴板

代码:

$(document).ready(function(){
    loadSwf(1,1);//加在SWF触发器
    //绑定加载按钮
    $("#loadBtn_1").click(function(){
        $("#urlText_1").val()!=""?loadImg($("#urlText_1").val(),"picDiv_1"):alert("路径不能为空");
    })
    $("#loadBtn_2").click(function(){
        $("#urlText_2").val()!=""?loadImg($("#urlText_2").val(),"picDiv_2"):alert("路径不能为空");
    })
})

我现在要打开页面直接就开始加载图片，而不需要有 click的于是我改成了这样

复制内容到剪贴板

代码:

$(document).ready(function(){
loadSwf(1,1);//加在SWF触发器
var picurl="http://www.dnzs123.com/uploads/allimg/091212/1_0015503183.jpg"
loadImg(picurl,"picDiv_1")
})

问题就来了，改成这样之后 IE6 是正常的。直接开始加载图片。但是火狐就不行了。加载不出来。
我测试的时候无意中发现，我在 loading 事件前面加了个 alert("123") 即变成这样

复制内容到剪贴板

代码:

$(document).ready(function(){
loadSwf(1,1);//加在SWF触发器
var picurl="http://www.dnzs123.com/uploads/allimg/091212/1_0015503183.jpg"
alert("123") // 按理说加这个没影响什么东西啊
loadImg(picurl,"picDiv_1")
})

结果居然是正常了 IE6 火狐的都正常了。只是加载出来前弹了个alert
请做过类似的效果的高手指点下啊。我不想要这个 alert啊呵呵

[ 本帖最后由天死于 2011-9-5 15:34 编辑 ]

作者: 天死发布时间: 2011-09-05

做一个浏览器的判断，即可，

作者: fireye 发布时间: 2011-09-05