画像を裏でプリロードするやつをCoffeeScriptの練習がてら書いた。過去にも似たようなの作ったけど…

• Takazudo/jQuery.ImgLoader - GitHub
• demo1
• demo2
• demo3

いけてるところは以下

• パイプ機能。パイプサイズ4とか指定すると、4個までしか同時にローディングを走らせないとかそういうことができる。そうした場合、5個目以降は、ローディングが終わった順に実行されていく。大量の画像を一気に取りに行くとブラウザによってはめちゃくちゃ重くなるので、そういう時に有効。
• ローディングのキャッシュ。例えば1.jpgを読み込めと、100回同時に行ったら、ブラウザは100回画像を取りに行っちゃうかもしれない。なので、100回同時に習得せよとかいう処理が走っても、1個目の画像を取得し、その画像のローディングが終わるまでは、2個目以降の画像を取りに行かない。1個目の画像のローディングが終わってから取りに行けば、2個目以降はサーバーに取りに行かないかもしれない。（これに意味があるのかわからないけど）
• クロスブラウザな画像のオリジナルのwidth, heightを検知する機能もある（コレもマージした）

前のエントリで書いた grunt とやらでビルドするようにしてみた。CoffeeScriptにも慣れてきた。ついでにgitHub pagesとやらにデモを置いてみた。テストも結構ちゃんと書いた。