画像の読み込み制御

メモ

DOMContentLoadedイベント時に、styleのdisplayをnoneにしても、画像は読み込まれてしまう。
DOMContentLoadedイベント時に、img要素をremoveChildしても、画像は読み込まれてしまう。
DOMContentLoadedイベント時に、src属性の値を無しにすると、画像は読み込まれない。
DOMContentLoadedイベント時に、src属性の値を同じ値にすると、画像は1回しか読み込まれない。

// 画像を全部'hoge.jpg'に替える。
document.addEventListener('DOMContentLoaded', function() {
  var imgs = document.images;
  for(var i = 0, l = imgs.length; i < l; i++)
    imgs[i].setAttribute('src', 'hoge.jpg');
}, false);

// 画像を全部'hoge.jpg'に替える。オリジナルのsrcをキャッシュ。
document.addEventListener('DOMContentLoaded', function() {
  var imgs = document.images;
  for(var i = 0, l = imgs.length; i < l; i++) {
　　// 後で使う場合は、org属性の値をsrc属性にセットする。orgはテキトーな名前です。予約後以外なら何でも可。
    imgs[i].setAttribute('org', imgs[i].src);
    imgs[i].setAttribute('src', 'hoge.jpg');
  }
}, false);