正在刪除圖片加載時間

Question

我已經在最近的幾個網站上看到了我認爲的一個設計缺陷，但是我不知道如何糾正它。該缺陷通常發生在擁有大量圖像的網站上。例如一個帶有畫廊的網站。

設計缺陷是當您點擊網頁打開網頁時，然後您觀看圖像緩慢加載到屏幕上。因爲它看起來相當便宜，我真的不喜歡這種外觀。但是，我不明白我會如何去阻止它發生。

如果有人能向我解釋問題背後的邏輯，並幫助我找到/學習解決方案的正確方向，這將是非常棒的。

Answer 1

只是一個例子，但如果你想隱藏的頁面，直到它準備好了，你可以添加一個疊加的div黑人出來的頁面：

.overlay { 
    background: #000; 
    height:  100%; 
    width:  100%; 
    z-index: 999; 
    top:  0; 
    left:  0; 
    position: fixed; 
} 

然後，一旦整個頁面加載刪除jQuery的：

$('document').load(function() { 
    $('.overlay').remove(); 
}); 

---

編輯：另外，您可以識別出所有你想要顯示的服務器端程序的圖像，然後找到的平均顏色，東西，並返回作爲一個獨立 - 通過每個img的容器的背景。如果你沒有存儲這些數據，那將會非常緊張。這完全取決於你，這是一個設計選擇。