大量に同じ画像を表示したいとき - os0x.blog

画像周りの速度メモ - #生存戦略 、それは - subtechの件。 最終手段として、CSSを使う。 .hatenastar{ display:inline-block; width:11px; height:10px; background:url('http://s.hatena.ne.jp/images/star.gif'); } (function(){ var now = new Date*1; for (var i = 0; i < count; i++) { var span = document.createElement('span'); span.className = 'hatenastar'; container.appendChild(span); } document.title += ' css:' + ((new Date*1) - now); })();

[amachang]

style 属性ではなく、 CSSStyleSheet のほうに追加すればいい。素晴らしい。

[edvakf]

いい方法だけど、はてなスターがこれになったらOperaの空間ナビゲーションで星つけた人をチロチロ見れなくなるなあ。

[hisasann]

画像をたくさん表示するときの速い方法、いろいろあるのねん

[monjudoh]

backgroundに指定する

[wacky]

JavaScriptで同一画像を大量表示する際の高速化手法。CSSのbackgroundを利用。並べる／敷き詰める場合はbackground-repeat。イベント周りは座標を計算して。

[Yuichirou]

なんという裏技。5倍も速くなるのか…