ノノログ

ホーム / ブログ / 画像サイズを確認するjavascript(自分用記録)

画像サイズを確認するjavascript(自分用記録)

 

 

 

window.onload = function() {
  if ( typeof document.getElementById("main_image").naturalWidth !== 'undefined' ) { // for Firefox, Safari, Chrome
  var main_w = document.getElementById("main_image").naturalWidth;
  var main_h = document.getElementById("main_image").naturalHeight;
  var thum_w = document.getElementById("thum_image").naturalWidth;
  var thum_h = document.getElementById("thum_image").naturalHeight;
   
  } else if ( typeof document.getElementById("main_image").runtimeStyle !== 'undefined' ) { // for IE
  var run1 = document.getElementById("main_image").runtimeStyle;
  var run2 = document.getElementById("thum_image").runtimeStyle;
  var mem1 = { w: run1.width, h: run1.height }; // keep runtimeStyle
  var mem2 = { w: run2.width, h: run2.height }; // keep runtimeStyle
  run1.width = "auto";
  run1.height = "auto";
  run2.width = "auto";
  run2.height = "auto";
  var main_w = document.getElementById("main_image").width;
  var main_h = document.getElementById("main_image").height;
  var thum_w = document.getElementById("thum_image").width;
  var thum_h = document.getElementById("thum_image").height;
  run1.width = mem1.w;
  run1.height = mem1.h;
  run2.width = mem2.w;
  run2.height = mem2.h;
  }
   
   
  if (main_w > 400) document.getElementById("main_image").style.width = "400px";
  if (thum_w > 200) document.getElementById("thum_image").style.width = "200px";
   
  // 834×343
  var message = "";
  if (main_w != 834 || main_h != 343) {
  message += "メイン画像サイズが規定サイズではないため、表示がずれます ["+main_w+"×"+main_h+"]\n";
  }
  // 140×125
  if (thum_w != 140 || thum_h != 125) {
  message += "サムネイル画像サイズが規定サイズではないため、表示がずれます ["+thum_w+"×"+thum_h+"]\n";
  }
  if (message != "") {
  alert(message);
  }
}  

 

このエントリーをはてなブックマークに追加