jquery - 画像の読み込み中に読み込み前の画像を表示するが、すべての画像のサイズが異なる

Question

画像のdivのプリロード画像中央を表示したい。ただし、すべての画像はサイズが異なるため、プリロード画像を各画像の中央に表示することはできません。

前もってありがとう！

Answer 1

css を使用してこの問題を解決できます。ページ上のすべての画像にクラス「pre-loader」を追加し、css で記述します。

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

次に、次のように js を使用します。

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