Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 23.12.2013, 00:35
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

определение высоты и ширины img
Здравствуйте, не могу понять что происходит написаны два почти одинаковых кода определяющих ширину и высоту картинки но первый корректно работает а второй высоту дает 0, в чем дело, подскажите
http://imedia.in.ua/main/page/catalog_add
var $img = $('#messages img');
             
// ждем загрузки картинки браузером
$img.load(function(){
    // удаляем атрибуты width и height
    $(this).removeAttr("width")
           .removeAttr("height")
           .css({ width: "", height: "" });
 
    // получаем заветные цифры
    var width  = $(this).width();
    var height = $(this).height();
	alert(width+'х'+height)
	if (width>height ){
	$(this).width(300);
	$(this).css('margin-left',-150);
	$(this).css('margin-top',-height/2);
	}
	else{
	$(this).height(300);
	$(this).css('margin-left',-width/2);
	$(this).css('margin-top',-150);
	}
});
 
// для тех браузеров, которые подгрузку с кеша не считают загрузкой, пишем следующий код
$img.each(function() {
    var src = $(this).attr('src');
    $(this).attr('src', '');
    $(this).attr('src', src);
});
var $img2 = $('#messages2 img');
         
// ждем загрузки картинки браузером
$img2.load(function(){
    // удаляем атрибуты width и height
    $(this).removeAttr("width")
           .removeAttr("height")
           .css({ width: "", height: "" });
 
    // получаем заветные цифры
    var width  = $(this).width();
    var height = $(this).height();
	alert(width+'х'+height)
	if (width>height ){
	$(this).width(70);
	$(this).css('margin-left',-35);
	$(this).css('margin-top',-35);
	}
	else{
	$(this).height(70);
	$(this).css('margin-left',-35);
	$(this).css('margin-top',-35);
	}
});
 
// для тех браузеров, которые подгрузку с кеша не считают загрузкой, пишем следующий код
$img2.each(function() {
    var src = $(this).attr('src');
    $(this).attr('src', '');
    $(this).attr('src', src);
});

Последний раз редактировалось imediasun1, 23.12.2013 в 00:37.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Определение динамической высоты. lessa jQuery 1 18.10.2012 23:09
Динамическое получение ширины и высоты окна браузера Esseron Элементы интерфейса 2 04.04.2011 16:00
GoogleMapAPI определение положения центра карты и высоты namo86 Библиотеки/Тулкиты/Фреймворки 1 21.01.2011 16:49
Определение высоты документа работает не во всех браузерах Neokortex jQuery 5 11.01.2011 17:26
Как создать окно, определенной ширины и высоты AnIva Events/DOM/Window 2 17.09.2008 09:17