仅在显示后加载所有图像

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，优化网络图像。尽可能使用CSS而不是图像。缓存你的资源，使用CDN，你也可以尝试像stackoverflow.com这样的设计，你可以做更多。