用分布加载
先使用找一个很小的默认图片 (可以使用纯白色)
图片原本的路径用一个 _src=‘test.png’记录下来
加载显示
然后写一段js 遍历你表示需要一部加载的img (比如说表示一下加一个name 或者特殊的可以识别的属性)
统一获取之后 把这个图片的_src 属性进行加载
创建一个空的 Image 类,
var dataImg = document.getTagName(Img);
for ( var i in dataImg ){
var img = new Image()
img.ElementImgae = Img (这里吧图面的Element dom 赋值给创建的图片属性保存下来)
img.src=this._src; (这里是伪代码你直接获取属性)
img.onload = function(){
//加载完成之后把src换回来
this.ElementImage.src = this.src;
}
}
这段代码只是表达这么个意思 具体实现还是要多写一些细节的。。。
本文介绍了一种通过懒加载技术优化网页图片加载的方法。利用JS遍历DOM元素,为需要延迟加载的图片设置默认占位图,并在图片进入可视区域时替换为实际图片资源。
1265

被折叠的 条评论
为什么被折叠?



