Антон Шевчук // Web-разработчик

Получение реального размера картинки при помощи jQuery // JavaScript

Казалось бы, обычная задача – взять height и width картинки, а нет – то один браузер конючит, то другой… решение следующие:

// берем все необходимые нам картинки
var $img = $('img');
            
// ждем загрузки картинки браузером
$img.load(function(){
    // удаляем атрибуты width и height
    $(this).removeAttr("width")
           .removeAttr("height")
           .css({ width: "", height: "" });

    // получаем заветные цифры
    var width  = $(this).width();
    var height = $(this).height();
});

// для тех браузеров, которые подгрузку с кеша не считают загрузкой, пишем следующий код
$img.each(function() {
    var src = $(this).attr('src');
    $(this).attr('src', '');
    $(this).attr('src', src);
});

© Антон Шевчук 2007-2023