Антон Шевчук // 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();
});

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

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