在圖像載入過程中顯示預載圖像，但所有圖像大小不一

Question

我想顯示圖像div的預載圖像中心。但所有圖像的大小不同，因此預加載圖像無法顯示在每張圖像的中央。

感謝您的提前！

Answer 1

你可以使用CSS來解決這個問題。類「預加載」添加到每個圖像您的網頁上，並用CSS形容它：

.pre-loader { 
    background: #ccc url(loaderimageurl) center center no-repeat; 
} 

然後用js這樣的：

$("img").load(function() { $(this).removeClass("pre-loader"); });