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

このエントリーをはてなブックマークに追加

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/1457
コメントを投稿