2007年10月07日

画像結合でセッション数削減

ゲームなんかでは一つの絵にパーツを詰め込んでそこから切り出すのは良くやる手ですが、WEBでそれをやる発想は無かったなぁ。

どんなコードが出来るのか試しに

にアップロードしてみたところ
.sprite-ファイル0 { background-position: 0 -30px; }
.sprite-ファイル1 { background-position: 0 -210px; }
.sprite-ファイル2 { background-position: 0 -480px; }
.sprite-ファイル3 { background-position: 0 -750px; }
#container li { background: url(画像ファイル名) no-repeat top left; }
っていうコードが帰ってきましたが、肝心の画像が出来ず(^^;
(ダウンロードしても真っ黒い画像が落ちてきました)

落ちてこなくても上記のコードを見ればどんな画像になるか検討尽きますが、このコードだと横幅がそろってないとうまく動かないような・・・

まぁ、古いブラウザだと色々トラブル出そうなんでよっぽど困らないとこの手は使わないと思います。 Posted by Takuchan at 2007年10月07日 22:49 | トラックバック(0)