图片预加载

window.onscroll = function(){

var li=document.getElementsByTagName('li')

var iHeight =scrollY()+clientY()

for(var i=0;i

var img =li[i].children[0]

if(li[i].offsetTop<=iHeight  && img.getAttribute('_src')){

img.src= img.getAttribute('_src')

img.removeAttribute('_src')

}

}

}

function scrollY(){

return document.body.scrollTop || document.documentElement.scrollTop;

}

function clientY(){

return document.documentElement.clientHeight || window.innerHeight

}

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 图片预加载是web开发中一种应用相当广泛的技术,比如我们在做图片翻转显示等特效的时候,为了让图片在转换的时候不出现...
    才気莮孒阅读 2,656评论 0 1
  • function preloadimages(arr){var newimages=[], loadedimage...
    昵称不能太随便阅读 2,593评论 0 0
  • 课程前言: 慕课网 --图片预加载 图片预加载的特点: ( 1、网站的Loading页 2、局部图片的加载--表情...
    一树青枫阅读 9,074评论 0 2
  • 在web开发中,图片预加载是一种很常用的技术。 如果给一个img标签节点设置src属性,图片体积过大,或者网路不佳...
    Scaukk阅读 4,162评论 0 0
  • 郑思肖故事,网络查!黄花岗七十二烈士,查!辛亥革命,查!广州起义,查!民国二十三年,二三革命,查! 文人,义士,英...
    方一尘阅读 1,459评论 0 0

友情链接更多精彩内容