(function() { var resim = document.getElementById('resmim'); // Orjinal var genislik, yukseklik; // Display var d_width = resim.width; var d_height = resim.height; var boyutlariguncelle = function() { document .getElementById('gozuken_boyut') .innerHTML = 'Gözüken Boyut: ' + d_width + ' x ' + d_height; document .getElementById('orjinal_boyut') .innerHTML = 'Orjinal Boyut: ' + genislik + ' x ' + yukseklik; }; // Naturalwidth destekleniyorsa if (resim.naturalWidth) { genislik = resim.naturalWidth; yukseklik = resim.naturalHeight; boyutlariguncelle(); } else { // Eğer naturalwidth desteklenmiyorsa resim = new Image(); resim.onload = function() { genislik = this.width; yukseklik = this.height; boyutlariguncelle(); }; resim.src = 'http://erenkorkmaz.com.tr/wp-content/uploads/2016/07/test-resmi-eren-korkmaz.jpg'; } }());
<div> <img id="resmim" src="http://erenkorkmaz.com.tr/wp-content/uploads/2016/07/test-resmi-eren-korkmaz.jpg" width="200"> <p id="gozuken_boyut">Gözüken Boyut: 0 x 0</p> <p id="orjinal_boyut">Orjinal Boyut: 0 x 0</p> </div>
body{ color:#c00; } div { margin: 20px 0; text-align: center; }