小编典典

使用jQuery延迟图片加载

css

我的页面上有几个画廊,包括手风琴和滑杆。问题是页面需要永久加载。有没有一种方法可以将图像包装在一些代码中或对它应用类以强制仅在加载所有其他内容之后才加载它?


阅读 379

收藏
2020-05-16

共1个答案

小编典典

你当然可以。将您的img src属性替换为“#”,然后添加一个自定义属性,如下所示:

<img src="#" data-delayedsrc="/img/myimage.png" />

然后,在页面加载时添加一条JavaScript行,该行的内容如下所示:

$('img').each(function(){
  $(this).attr('src', $(this).data('delayedsrc'));
});
2020-05-16