ITPub博客

首页 > Linux操作系统 > Linux操作系统 > 自己做的图片延迟加载的代码

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

原创 Linux操作系统 作者:小鸡飞过海 时间:2011-02-18 15:38:39 0 删除 编辑
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/,如需转载,请注明出处,否则将追究法律责任。

下一篇: 没有了~
请登录后发表评论 登录
全部评论

注册时间:2007-12-24

  • 博文量
    3
  • 访问量
    3484