javascript图片加载

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

「已注销」

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

阅读量389

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： javascript function image date

本文链接：https://blog.youkuaiyun.com/taoliujun/article/details/6778970

web 专栏收录该内容

38 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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();   //不允许图片缓存
})
}