有許多圖像的網站，只加載一些圖像？

-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

有許多圖像的網站，只加載一些圖像？

回答

相關問題