Обычно мы можем использовать объект Images, чтобы оценить размер изображений JS, а затем использовать ATTR для получения адреса изображения, а затем вынести суждения . Давайте посмотрим несколько примеров ниже.
Самый простой способ:
Кода -копия выглядит следующим образом:
var img = новое изображение ();
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 = новое изображение ();
img.src = $ ('#tlogo'). attr ('src');
if (img.width> '240') {
$ ('#tlogo'). attr ('width', '240');
}
});
Примечание здесь: #Tlogo - это идентификатор, добавленный к вашему адресу изображения. Это обязательно.