图片预处理

图片预处理。
var img = document.getElementsByTagName('img');
/*下面这句是做图片的预加载。*/
var myDiv = document.getElementsByTagName('div')[0];
for(var i = 0;i < img.length;i++){
img[i].onmouseover = function(){
var imgs = new Image();//创建一个Image对象，实现图片的预下载
imgs.src = img[0].src = this.src.replace(/small/,'big');//这里第一个等号imgs.src = img[0].src
//的意思就是，把需要加载的图片的路径赋值给新的image对象，然后
//通过下面的imgs.complete ?来间接判断需要加载的图片的是否加载完成
//先把预设的DIV设为显示，再把其隐藏。
//当imgs的图片加载完成时，div隐藏。当imgs未加载完成，但是img[0]加载完成时，div隐藏。
myDiv.style.display = "block";
imgs.complete ? myDiv.style.display = "none" : (img[0].onload = function() {myDiv.style.display = "none"})
}
}

 

转载于:https://www.cnblogs.com/Alone-Learner/p/4533156.html