Question

我有一个网站，显示服务器中托管的许多图片。在页面中，图像位于最多100个图像中。在一个时刻，只显示一个div（抛出css样式＆＃34;显示＆＃34;），其他的显示：none。

我需要一种允许我只加载显示的div图像的方法，因为当我打开网站时，它会加载所有图像。

Answer 1

当您使用display:none时 - 图像仍在下载中。但是如果你在display:none上使用background-image他们就不会。另一种方法是制作一个按钮“加载更多...”并异步请求其余图像

Answer 2

你可以隐藏你不想在页面加载时显示的图像，尝试按照document.ready function中的代码进行操作

$(document).ready(function(){
    $("#img1").hide();
    $("#img2").hide();
    $("#img3").hide();
           .
           .
           .
    $("#img_n").hide();
});

Answer 3

你可以做的一种方法是制作一个大图像精灵，你将上传并让浏览器缓存它。

关于CSS精灵的一个很好的解释可以在这里找到：http://www.w3schools.com/css/css_image_sprites.asp

Answer 4

只需将img标记src=""留空除第一张图片以外的所有内容，然后使用javascript修改即可。您可以使用onload事件来触发设置下一个src属性。

网站有很多图片，只加载一些图片？

4 个答案: