Как задать размер картинки исходя из ее размеров при загрузки всех картинок?

Question

[Serdji]

Вопрос такого рода. Мне нужно что бы картинкам задавались размеры автоматический после их прогрузки. Допустим если картинка по ширине больше чем 200пс, ей присваиваться значение в 200пс. Если меньше, таким и остается какое есть.
Я написал так, но все равно как то коряво получается, потому что присвоение идет всем без разнице 200пс.

$(window).on("load", function() {
				var imgWidth = $( 'div.Picture img' ).css( 'width' );
				console.log( imgWidth );
				if( imgWidth <= 200 ){
					$( 'div.Picture img' ).css( 'width', imgWidth );
				}else{
					$( 'div.Picture img' ).css( 'width', '200px' );
				};
		});

Answer 1

[Vitaliy Orlov]

лол, в css напиши

div.Picture img {max-width:200px;}

Comments

[Serdji]

Да в том то и дело что писал. Мне нужно именно скриптом менять.

[Serdji]

Хотя вроде работает. Но все равно какие то баги вазникают

[Serdji]

Спасибо за ответ. Я что то затупил. С утра проек один переделываю, уже башка болит от него ))))

[Vitaliy Orlov]

Serdji: если скриптом, тогда тебе надо писать что-то вроде:

$(document).ready(function() {
    $("div.Picture img").load(function() {
        if( $(this).width() > 200 ){
          $(this).css( 'width', '200px');
        }
    });
});

тут могут быть глюки, которые можно исправить с помощью css
width:200px; overflow:hidden для div-a

либо более правильный способ, это вначале создать контейнер изображения:
var img = new Image(); img.src='test.gif'; img.onload = function(){проверка и перенос его уже в страницу с нужными размерами и т.д.}
, определиться с его размером и уже потом загружать туда куда надо

[Serdji]

Супер. Еще раз благодарю за ответ ;)