仅在显示后加载所有图像

Question

我只想在图像显示在一页html模板中时显示所有图像。

这个模板codingfeat.com/items/vr

我在这个页面上有很多图片，我想在显示后加载图片以减少页面加载时间。

Answer 1

#css
img{ 
   display: none;
}

---

#JS
$(document).ready(function(){
   $('img').on('load', function(){
      $(this).fadeIn();
   }
}

Answer 2

如果您担心加载时间，请使用 CSS Sprite，删除 etag，优化 web 图像。尽可能使用 CSS 而不是图像。缓存你的资源，使用CDN，你也可以尝试像stackoverflow.com这样的无图像设计，你可以做更多。