Доброго времени суток, уважаемые программисты. Сегодня при создании своей галереи наткнулся на проблему. Пользователи могут загружать большие фотографии (больше разрешения экрана, и поэтому вылезающие за края монитора) и я хотел их уменьшать. Уменьшение происходит, но если я перехожу на следующее изображение, то разрешение нового блока остается неизменным (независимо от того, больше оно или меньше) из-за чего искажаются пропорции. Помогите пожалуйста сделать.
var imag = $('#mainImg');//это главный img, для отображения картинки
imag.load(function(){
while(imag.width() > screen.width || imag.height() > screen.height) {
imag.width(imag.width()*0.7);
imag.height(imag.height()*0.7);
}
cont.width(imag.width()+20);
cont.height(imag.height()+20);
cont.css({'width':imag.width()+20,
'height':imag.height()+20,});
cont.css({
'margin-left':cont.width()/2*(-1),
'margin-top':cont.height()/2*(-1),
});
});
Если вам это поможет то могу выслать код с событий переходов на смену изображений, но на них нету ничего зависящего на разрешение.
Возможно имеет смысл выставить 
