Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 24.12.2013, 16:04
Профессор
Отправить личное сообщение для Яростный Меч Посмотреть профиль Найти все сообщения от Яростный Меч
 
Регистрация: 12.04.2010
Сообщений: 557

Сообщение от рони
если интересно, можно ещё на тему глюков с шириной в ие глянуть 1 пример monolithed, из Изменение размеров картинки через скрипт в 8 он точно не сработает.
там надо уменьшить картинку, чтобы она вписалась в прямоугольник?
width: auto; height: auto;
max-width: 150px; max-height: 100px;


работает в IE7+
Ответить с цитированием
  #12 (permalink)  
Старый 24.12.2013, 16:25
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,123

Сообщение от Яростный Меч
там надо уменьшить картинку, чтобы она вписалась в прямоугольник?
и тут тоже самое у ТС квадрат 300 на 300 можно решить используя css или js
Ответить с цитированием
  #13 (permalink)  
Старый 24.12.2013, 19:55
Профессор
Посмотреть профиль Найти все сообщения от imediasun1
 
Регистрация: 23.12.2012
Сообщений: 437

Так работает
var img = $("#messages2 img")[0]; // Получаем IMG нашей картинки
var pic_real_width, pic_real_height;
$("<img/>") // Сделаем в памяти копию этой картинки, чтобы избежать проблем с CSS
    .attr("src", $(img).attr("src"))
    .load(function() {
        // Здесь копия нашей картинки загружена и можно получить её размеры
        pic_real_width = this.width;   // Учтите: $(this).width() не сработает
        pic_real_height = this.height; // потому что картинка находится в памяти.
			var img = $("#messages2 img");
		
		if (pic_real_width>pic_real_height ){
		var ratio=pic_real_width/pic_real_height;
		var width=70;
		var height=width/ratio;
		
		img.css("width",width);
		var ofset=70-height;
		img.css('left',0);
		img.css('top',70-(height+ofset/2));
		}
		else{
		var ratio=pic_real_width/pic_real_height;
		var height=70;
		var width=height*ratio;
		
		img.css("height",height);
		img.css("width",width);
		var ofset=70-width;
		img.css('left',70-(width+ofset/2));
		img.css('top',0);
		}
    });
Ответить с цитированием
  #14 (permalink)  
Старый 19.01.2016, 07:41
Новичок на форуме
Отправить личное сообщение для M841 Посмотреть профиль Найти все сообщения от M841
 
Регистрация: 24.12.2015
Сообщений: 1

danik.js,
You're so smart
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
можно ли изменить размер disgraceful Events/DOM/Window 1 29.11.2012 00:38
размер изображения kesha2304 Общие вопросы Javascript 3 27.07.2012 01:07
Размер изображения (Sandr) Общие вопросы Javascript 6 22.08.2011 17:38
Изменить размер изображений odlf3 jQuery 1 03.06.2011 07:06
Как изменить размер картинки? Mihail Общие вопросы Javascript 1 25.10.2009 13:42