عادة ، يمكننا استخدام كائن الصور للحكم على حجم صور JS ، ثم استخدام ATTR للحصول على عنوان الصورة ثم إصدار أحكام . دعونا نرى بعض الأمثلة أدناه.
أسهل طريقة:
نسخة الكود كما يلي:
var img = new image () ؛
img.src = $ ('#tlogo'). attr ('src') ؛
if (img.width> '240') {
$ ('#tlogo'). attr ('width' ، '240') ؛
}
في المثال أعلاه ، إذا لم يتم تحميل الصفحة ، فلن يتمكن JS من الحصول على حجم الصورة. في هذه الحالة ، يمكننا أولاً تحديد ما إذا كان التحميل قد اكتمل ثم الحكم على حجم الصورة.
نسخة الكود كما يلي:
<img id = "img2" src = "images /1.jpg" />
<script language = "javaScript">
document.getElementById ("img2"). Onload = function () {
تنبيه ("تحميل الصور المكتمل") ؛
}
</script>
أو استخدم jQuery:
نسخة الكود كما يلي:
$ ("#imageid"). load (function () {
تنبيه ("التحميل الانتهاء!") ؛
}) ؛
حتى الآن يمكننا تحسين الكود
نسخة الكود كما يلي:
$ ("#tlogo"). load (function () {
var img = new image () ؛
img.src = $ ('#tlogo'). attr ('src') ؛
if (img.width> '240') {
$ ('#tlogo'). attr ('width' ، '240') ؛
}
}) ؛
ملاحظة هنا: #tlogo هو معرف تمت إضافته إلى عنوان صورتك. هذا أمر لا بد منه.