有许多图像的网站，只加载一些图像？

-1

我有一个网站，显示在服务器中托管的许多图像。在页面中，图像位于最多100张图像中。在一个时刻，只显示一个div（抛出css风格“显示”），其他显示器显示：无。有许多图像的网站，只加载一些图像？

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

来源

2015-04-03 Yuri

你需要指定你想要如何加载图像。按照字母顺序，随机地根据用户输入，...也都是相同的大小？他们应该渲染到相同的位置？每种情况都会有不同的最佳解决方案。 – technosaurus 2015-04-09 06:22:04

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

来源

2015-04-03 08:35:59 test1n

谢谢。以及我可以如何做到异步请求其余的图像？所以默认没有图像加载，对不对？ – Yuri 2015-04-03 08:48:01

ajax。例如 - 在按钮上单击使ajax调用服务器并加载部分图像或不单击，但在scrolldown上。类似的功能，你可以在instagram上看到。 “默认情况下”加载10张图片（它比100好多了），然后在正确的时刻再加载另一个10，这将会很好 – test1n 2015-04-03 09:00:50

您可以隐藏您不希望在页面加载时显示的图像，请尝试跟随document.ready函数中的代码

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

来源

2015-04-03 08:38:34

非常感谢。我试图 – Yuri 2015-04-03 08:50:16

我试过，但在Mozilla的可选栏中，我看到浏览器加载其他div的图像。 – Yuri 2015-04-03 15:03:40

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

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

来源

2015-04-03 08:38:58 Rotan075

刚刚离开img标签的src=""空白的所有，但第一图像和用JavaScript修改。您可以使用onload事件触发设置下一个src属性。

来源

2015-04-09 06:34:29 technosaurus

有许多图像的网站，只加载一些图像？

回答

相关问题