Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.07.2012, 14:14
Аватар для ddale
Аспирант
Отправить личное сообщение для ddale Посмотреть профиль Найти все сообщения от ddale
 
Регистрация: 04.07.2012
Сообщений: 50

Задание атрибута, в зависимости от пропорций изображения
Привет, ребята. Очень душно, но работать надо. -)

Посмотрите пожалуйста, почему не работает этот маленький скрипт.

// Берем все необходимые нам изображения.
	var $img = $('#pano > img');

    // Дожидаемся загрузки изображения браузером.
    $img.load(function(){
 
	    // Кладем указатель на изображение в переменную, дабы каждый раз не вызывать функцию и не нагружать дополнительно браузер.
	    var CurImg = $(this);
	 
	    // Если заданы атрибуты width и height - удаляем их.
	    CurImg.removeAttr("width")
	          .removeAttr("height")
	          // А также перестраховываемся насчет CSS-свойств.
	          .css({ width: "", height: "" });
	 
	    // Получаем реальные ширину и высоту.
	    var width  = CurImg.width();
	    var height = CurImg.height();
	 
	    // Если изображение больше допустимой ширины или высоты (maxSize), задаем ее соответствующими атрибутами.
	    if (width > height) CurImg.attr('height', '100%');
	    else if (height > width) CurImg.attr('width', '100%');
	    else if (height == width) CurImg.attr('width', '100%');
    
	});


Он должен назначать атрибут для <img> в зависимости от пропорций изображения

Последний раз редактировалось ddale, 11.07.2012 в 14:23.
Ответить с цитированием
  #2 (permalink)  
Старый 11.07.2012, 14:26
без статуса
Отправить личное сообщение для Deff Посмотреть профиль Найти все сообщения от Deff
 
Регистрация: 25.05.2012
Сообщений: 8,219

ddale,
Проще заготовить пустую форму
var img='<img class="imgSlide" srs="!href!" width="100%" height="100%">
Для неё заранее выставить css
<style>
img.imgSlide {
 width:100%!important;
 height:100%!important;
}
</style>


Затем в скрипте считать атрибут src и заменить текущее изображение - изображением созданным из нашей заготовки
var img='<img  class="imgSlide" srs="!href!" width="100%" height="100%">';
//Тут each (function(){
var ThisImg = $(this).attr("src");
var ThisImg=img.replace('!href!',src);
$(this).replaceWidth(ThisImg)
});
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Расчет реальных размеров изображения в галерее Vision Элементы интерфейса 7 10.07.2012 21:56
Изменение изображения на кнопке в зависимости от текущего url Loiso Элементы интерфейса 4 23.08.2011 09:23