Как изменить размер отображаемой картинки пропорционально
Есть такой код но он не работает почему?
var img = $("#messages 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 = $("#messages img");
if (pic_real_width>pic_real_height || pic_real_width==pic_real_height){
ratio=pic_real_width/pic_real_height
img.attr({ width: 300 });
img.attr({ height: 300/ratio });
img.css('margin-left',-150);
img.css('margin-top',-pic_real_height/2);
}
else{
img.attr({ height: 300 });
img.attr({ width: 300/ratio });
img.css('margin-left',-pic_real_width/2);
img.css('margin-top',-150);
}
});
Почемуто меняется только ширина а высота остается та же в случае когда ширина больше высоты
http://imedia.in.ua/main/page/catalog_add
