バイナリ イメージだけでなく、すべてのアセットを考慮し、コードが 10k 未満のサイト用のプリローダーを作成しようとしています。ホイールを再発明する前に、お気に入りの読み込み戦略を共有したり、軽量で優れた HTML5 プリローダーをオンラインで紹介したりできますか?
このjQueryプラグインに出会いましたが、それは画像専用であり、スクロール前に表示されているページの一部ではない「スクロールせずに見える」画像用でもあると思います。 http://www.appelsiini.net/projects/lazyload
画像だけをプリロードする限り、javascript を使用して非表示の div 内の画像タグを書き出すだけの方法はありますか?
//the_images is array of images created in your head
//inside hidden div where you want images to appear
<div id="imageDiv" style="display:none;">
<script>
for (var i=0; i<numImages; i++)
{
document.write('<img src="' + the_images[i] + '" alt="" class="foo"/>');
}
</script>
</div>