自己做的图片延迟加载的代码

function onImgListScroll(divImgList) {
 var minTop = divImgList.scrollTop - 2;
 var maxTop = divImgList.scrollTop + divImgList.offsetHeight + 2;
 var imgItems = divImgList.getElementsByTagName("DIV");
 for (i = 0; i < imgItems.length; i++) {
  var imgItem = imgItems[i];
  var blLoaded = imgItem.getAttribute("loaded");
  if (!blLoaded) {
   if (imgItem.offsetTop + imgItem.offsetHeight > minTop && imgItem.offsetTop < maxTop) {
    var nID = imgItem.getAttribute("itemid");
    var itemname = imgItem.getAttribute('itemname');
    imgItem.innerHTML = " ";
    imgItem.setAttribute("loaded", "true");
   }
  }
 }
}

一个图片列表的div里面包含全部图片的div，把每个图片放在div里面可以实现居中，各图片的div上加了图片id的属性。

初始化的时候根据当前图片位置计算出要显示的几张图片，然后图片列表的div的onscroll上触发上述函数。

效果还是不错的

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/12513946/viewspace-687508/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/12513946/viewspace-687508/