Скрипт для сайта! Jquery или просто java script!

[bulat786]

Помогите написать скриптик!)

Имеется таблица на сайте с id="table" в ней картинки, нужен скриптик

который будет проверять 3 условия и выполнять действия (добавлять стиль к картинке исходя из условия)

1 условие
если ширина картинки <=150 и высота <=200px то в стиль этой картинки нужно прописать width:auto
height:auto,

2 условие
если ширина картинки > 150px и высота <200px то в стиль этой картинки нужно прописать width:150px;
height:auto.

3 условие
если ширина картинки < 150px и высота >200px то в стиль этой картинки нужно прописать width:auto;
height:200px;

Мои предположения что нужен цикл который переберет все картинки, затем к каждой из них задаст id результатом которого будет результат проверки условий! Но реализовать для меня сложно!( Помогите кто может!

желательно с подключением библиотеки jquery!

[Naive]

$('#table').find('img').each(function() {
if ($(this).width()<=150 && $(this).height()<=200) $(this).css({'width':'auto','height':'auto'});
if ($(this).width()>150 && $(this).height()<200) $(this).css({'width':'150px','height':'auto'});
if ($(this).width()<150 && $(this).height()>200) $(this).css({'width':'auto','height':'200px'});
});

[workshop]

Приведенный Naive код надо ещё в ready обернуть не забыть...

$(document).ready(function() {
  // тут код от Naive 
});

[Lesha]

css

#table img { max-height: 200px; max-width: 150px; }

[bulat786]

Отличный скрипт! спасибо! и кода мало!

[KPEATuBHO]

Сообщение от workshop

Приведенный Naive код надо ещё в ready обернуть не забыть...

$(document).ready(function() {
  // тут код от Naive 
});

Можно написать просто сразу после таблицы. С медленным интернетом будет выглядеть лучше.

[bulat786]

По ходу реализации нашлась проблемка! в google chrome и Safari скрипт не пашет с чего бы это???
В остальных все нормально даже ie6!)

[flance]

уверен, дело не в скрипте, а в стилях.