javascript图片加载

最新推荐文章于 2024-10-11 12:42:44 发布

原创最新推荐文章于 2024-10-11 12:42:44 发布 · 399 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #function #image #date

web 专栏收录该内容

38 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的图片延迟加载方法，该方法能够有效减少网页初次加载时的数据量，提升用户体验。通过动态替换图片源的方式，在页面加载完成后按需加载实际图片，未成功加载的图片将显示默认错误图。

function imgload(){ //页面加载完成后再加载图片
$("img.imgload").each(function(i){
    var imgurl=new Image(); 
  imgurl.onload=function(){
    $("img.imgload:eq("+i+")").attr("src",this.src);
  }
  imgurl.onerror=function(){
     $("img.imgload:eq("+i+")").attr("src","/img/default/default_image_load_error.gif");
  }
  imgurl.src=$(this).attr("title")+"?"+(new Date()).getTime();   //不允许图片缓存
})
}