javascript 画像ロード後に処理する方法（IE対応版）

コード

imagesLoaded.coffee

$.fn.imagesLoaded = () ->
  deferreds = $.map @, (el, i) ->
    d = new $.Deferred
    img = new Image()
    if "onreadystatechange" in el
      el.onreadystatechange = (e) -> d.resolve() if el.readyState is "loaded" || el.readyState is "complete"
    else
      img.onload  = -> d.resolve()
      img.onerror = -> d.resolve()
    img.src = el.src
    d
  $.when deferreds...

実行方法

script.coffee

$('body img').imagesLoaded().done () ->
  console.log 'images loaded.'

参考

画像や外部.jsファイルの読み込み完了のタイミングを知る - とくにあぶなくないRiSKのブログ
.map: Underscore.js versus jQuery