月別アーカイブ 2007年01月

前後の月

重い画像を読み込む際のインジケータをCSSで表示

この記事が属するカテゴリー
CSS

えっ、当然ブロードバンドっすよ、何か？みたいな世の中なんで、果たしてどれくらい効果があるのか分からないのかも知れないんだけれども、ちょっとばかし重たい画像があったとして、その画像の読み込み中に味気ない空白を見つめているよりは、読み込み中を表すインジケータのアニメーション GIF を用意して img 要素の背景画像に指定しておけばナローバンドな環境にも配慮できるでしょ？（超意訳）みたいな小技が maratz.com » archive » Image Preloader で大分前に紹介されてたのを見つけたんでやってみた。

img {
  display: block;
  background: #fff url(progressbar_long.gif) center center no-repeat;
}

全然、分かんね。Ctrl+F5 とか連打しても、なんか動いてないような気が。

背景画像に指定しているアニメーション GIF
インジケータ
AJAX Activity Indicators から拝借

2007-01-27T17:05:40+09:00 | コメント (6) | トラックバック (0) |はてなブックマーク