编码时要注意所有的img
标签里的src
属性都要写成_src
。
函数getPos是为了得到obj的定位父级的left和top值。
function getPos(obj){
var l=0;
var t=0;
while(obj){
l+=obj.offsetLeft;
t+=obj.offsetTop;
obj=obj.offsetParent;
}
return {left:l,top:t};
};
window.onload=window.onscroll=window.onresize=function(){
var aImg=document.getElementsByTagName('img');
var scrollTop=document.documentElement.scrollTop || document.body.scrollTop;
var clientHeight=document.documentElement.clientHeight;
for(var i=0; i<aImg.length; i++){
var aImgTop=getPos(aImg[i]).top;
if(scrollTop+clientHeight>=aImgTop){
aImg[i].src=aImg[i].getAttribute('_src')
}
}
};
要注意加的事件有onload
onscroll
onresize
后续代码冲突的话要做处理。可以用闭包来解决。