JS对图片的加载onload事情
首先,弄清楚我想做什么。当用户进入页面时,它显示加载图标,然后加载最大的图片,然后不透明度图片。
这个功能很简单,但鸡蛋的疼痛是我没有完全做到。
第一次,我自然想到以下方法来做这件事。
U3000 U3000
复制代码代码如下所示:
$(函数(){())
$('。旗帜IMG)。负荷(函数(){)
console.log('already装')
});
});
熟悉的话太好了,信心大了,最后大吹了;我想可以,然后再看一遍,老板给我点了两个,那个还没装出来,装不转,我不该说了,那你自己试试吧,真的吗。
然后找到一点信息,表示缓存的原因,因为当浏览器加载由于有限的缓存不会触发Load事件;无果;我做了一个狠招:
复制代码代码如下所示:
窗口。指针函数(){
console.log('already装')
};
嘿,这是不够的,我诅咒你;然后信心和彭脏,给老板,老板说,第二天,客户来电说网页加载,加载总是回头;我说不出话来回答他说:你应该是速度太慢…你等着,过了一会儿,他回答说:这是不好的,虽然它已经出来了,但它已经等待太久;我们可以让时间会少一点;
不幸的是,我只能压缩各种图片。他做完后,仍然觉得不太好。老板这么说。现在这个项目仍在太空中。空间很慢。如果他慢,加载时间很慢。
老板说,这么说,还是没有完成任务啊,绞尽脑汁,看外国的网站轮播图JQ插件了,我看下源代码,然后生下:
复制代码代码如下所示:
无功oimg = $('。旗帜IMG:情商(0));
OImg.attr('src ')++(新)(日期)(的时间);
oimg.load(函数(){()
console.log('already装')
});
经过测试,这是正常的。这意味着,当进入页面时,将图片的地址添加到一个时间,以便每次加载时都不会缓存,只加载图片。加载后,其余部分将被忽略。
纠正后,我没有和老人说话,这次我也不敢大意,我一直在测量。这个测试不是问题。
因为当加载页面时,图像路径每次都会有所不同,所以每次都会加载,并与第一次加载相同的时间。这意味着它将加载一次
我觉得头很晕。
经过几十次的尝试,苦逼着我,终于找到了战胜所有上述方法的方法:
复制代码代码如下所示:
功能imgloading(){
console.log('already装')
}
页调用
这种方式可以解决图像缓存或触发加载事件的问题,虽然我还不明白,但它仍然是页面加载的原因。
大家都知道从上到下的负荷;当加载到图片当我在准备img元素是遥不可及的;当页面加载后,IMG,IMG是装的,因为我想被加载,加载,加载也有用吗
上述方法中不难看出,当页面加载到IMG,遇到的OnLoad方法,并且它知道必须在它之前出现的加载图片。
好u3002 u3002 u3002i并不知道有这样的事情,我们是否已经找到一个比这更完美的解决方案。如果你有一个更好的办法,请留言,谢谢你,我总是感到一种更好的方式。