[英]Binding onload event on image object in jQuery
我的网站上有以下代码:
backgroundImages[bg_img_path_b]=new Image();
backgroundImages[bg_img_path_b].src = bg_img_path_b;
backgroundImages[bg_img_path_b].loaded="loading";
//jQuery(backgroundImages[lastImage]).unbind('load.backgroundImages');
jQuery(backgroundImages[bg_img_path_b]).bind('load.backgroundImages',function(){
if(typeof callback=='function'){
callback.call(this, bg_img_path_b);
if(showLoading) hideLoadingDC();
}
}).bind('load.cache', function(){
backgroundImages[bg_img_path_b].loaded="true";
});;
有用作页面包装器背景图像的大型图像库。 由于速度原因,我需要预加载图像(图像非常大)。 所以我有这段代码(实际上只是更大的 function 的一部分,它包装了缓存等,但是当图像不在缓存中时会触发这几行)。
backgroundImages
是Image对象的大数组,key是path是图片的路径。 每个图像 object 都有我的属性“加载”,它表示图像是否已经加载,或者当前正在加载 state。
正如您从我的代码中看到的那样,我在加载图像时调用回调 function(背景发生变化等)
但是我有一个 IE <9 的问题,回调没有成功启动(但不是每次)..当我第一次加载我的页面时它加载正确,但是每当我再次调用这个 function 时,它会正确地通过而没有错误, 但加载事件没有触发..
我真的不知道哪里可能出错,在除旧版 IE 之外的所有浏览器中它工作正常..
实际上我需要调试事件是否正确绑定,但我无法在调试器的加载项下在 IE 和 Chrome 中看到它:(
请帮助我完全搞砸了,真的不知道该怎么办。
所以几天前我终于找到了解决我的问题的方法..如果我首先绑定onload事件然后设置Image的url,或者首先设置url然后绑定事件似乎很重要..示例
var photo = new Image();
photo.url = "http://www.something.com/something.jpg";
$(photo).bind('load',doSomething());
var photo = new Image();
$(photo).bind('load',doSomething());
photo.url = "http://www.something.com/something.jpg";
第一个变体通常运行正常,但有时会失败(在较旧的 IE 中)..但是第二个变体肯定可以正常工作..
您使用的是哪个 jQuery API 版本? 尝试使用最新版本的 jQuery。
否则,使用这个简单的 JavaScript 代码在主体加载时调用 function 来加载图像:
var myimages = new Array();
var path = "images/gallery/";
function preloadimages() {
for (i = 0; i < preloadimages.arguments.length; i++) {
myimages[i]=new Image();
myimages[i].src=path+preloadimages.arguments[i];
}
}
// Enter name of images to be preloaded inside parenthesis with douable quotes.
// Extend list as desired with comma.
preloadimages("gImg1.jpg","gImg2.jpg","gImg3.jpg","gImg4.jpg" /*, etc...*/);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.