0

サイトのギャラリーに高解像度の画像がいくつかあり、 ajaxload.infoにあるような何らかのアニメーションを、画像が完全に読み込まれるまで画像の代わりに表示したいだけです。CSSに次のようなものを追加するのと同じくらい簡単だと提案する人もいます:

img { background:url('../images/ajax-loader.gif') center center no-repeat;}

これにより、この背景画像が透明な「spacer.gif」に追加され、読み込み中の画像がスペーサーの場所に表示されます。しかし、この「方法」はそもそも機能しません。高解像度の画像を表示すると、依然として上から下にロードされ、loader.gif も表示されません。何か助けはありますか?どこにでもこれに関する情報があると思っていましたが、私の人生ではそれを見つけることができません。

4

1 に答える 1

0

すべての高解像度画像にクラスを指定し、css でグローバル img タグの代わりにクラス名を使用して背景を設定します。

jquery を使用して画像をロードする場合、画像は上から順にロードされず、完全にロードされたときにのみ表示されるため、バックグラウンド ローダーの画像が表示され、画像が完全にロードされて表示されるとローダーが表示されます。覆われています。この方法は非常に簡単なので、うまく機能します。

于 2012-08-25T04:11:48.950 に答える