قد لا يكون حجم الصورة المعروضة في المتصفح ارتفاعه الحقيقي وعرضه. على سبيل المثال ، كما هو موضح أدناه ، سنضيف أنماط العرض والارتفاع إليه.
<img src = "ie.png">
هذا يوضح الحجم في المتصفح ليكون 25 بكسل. فكيف نحصل على الحجم الحقيقي للصورة؟ ، الرمز التالي ينفذ هذه الوظيفة
نسخة الكود كما يلي:
<! doctype html>
<html>
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8">
</head>
<body>
<img src = "ie.png" id = "image">
<script>
// تعيين التأخير للتأكد من اكتمال تحميل الصورة
setTimeout (function () {
var
real_width ،
real_height ،
_im = document.getElementById ('Image') ،
im = document.createElement ('img') ؛
im.src = _im.src ،
real_width = im.width ،
real_height = im.height ؛
تنبيه (real_width+'/n'+real_height) ؛
} ، 500) ؛
</script>
</body>
</html>
ملاحظة: لقد اختبرت الرمز أعلاه على IE7+ والكروم ، لأنني لا أستطيع اختباره لأنه لم يتم تثبيت IE6.
رمز مفيد للغاية ، أستخدمه في معظم المشاريع ، لا تتردد في استخدامه