cssのみで画像をプリロードする方法

【PR】初心者でも安心なレンタルサーバー。２６３円から使えます。
【PR】HP登録でSEO対策！アクセスアップにコチラ！

PHPSPOTさんの記事を見て思いつきました。

僕の中で、画像をプリロードする方法の決定版

body{
background: url(path/to/image1.png); /* 読ませたいイメージ1 */
background: url(path/to/image2.png); /* 読ませたいイメージ2 */
background: url(path/to/image3.png); /* 読ませたいイメージ3 */
background: url(path/to/image4.png); /* 読ませたいイメージ4 */
background: none;
}

これだと構造的に無駄なタグを追加する必要もなくjavascriptがoffでも問題なし。

追記2006/06/23

このエントリーの内容では正しく動作しませんでした。
cssで画像をプリロードする方法（改に正しく動作するサンプルを用意いたしましたのでそちらを参照ください。

関連エントリー

画像置換でメニューを作る
画像置換

スポンサードリンク

«Google、3Dデザインソフト「Sketchup」を使ってみる。 | メイン | cssでページの右上に広告を表示する。»

このエントリーのトラックバックURL
http://blog.webcreativepark.net/cgi/mt/mt-bt.cgi/383
コメントを投稿


画像の中に見える文字を入力してください。