[JavaScript] img.srcとimg.onloadのタイミング

● そもそもの話。

  image.src = ${画像のURL};
  
  このコードが呼び出された時点で非同期のリクエストが飛ぶ。
  -> つまり。
  このソースより前にこのimageに対する設定を終えている必要がある。
  
  
  image.onload = function() {};
  image.src = ${画像のURL};
  
  の順に書くのが正解。
  
  

http://please-sleep.cou929.nu/onload-handler-setting-timing-and-async-request-of-image-element.html