пропорциональное изменение размера картинки в резиновом блоке

[cyklop77]

помогите пожалуйста решить проблему

 

есть резиновый блок из 3 картинок. при уменьшении ширины окна браузера ширина картинок уменьшается, но высота не уменьшается. а хотелось бы чтобы при уменьшении ширины экрана ширина картинок уменьшалась и высота картинок тоже уменьшалась пропорционально ширине

 

сервер отдаёт картинки в размере 290x145 px. но это можно изменить. использовать бутстрап и прочие фреймворки нельзя. использовать лёгкий нативный js можно, но не жалательно

Edited February 19, 2015 by cyklop77

[satantx]

http://jsfiddle.net/ayagwgsn/1/

[cyklop77]

http://jsfiddle.net/ayagwgsn/1/

нет, в этом решении невозможно сжать экран до хоть сколько-нибудь малого размера. да и пропорции меняются на промежутке в 100px 

Edited February 19, 2015 by cyklop77

[Switch74]

что-то вроде?
http://jsfiddle.net/ayagwgsn/3/

[cyklop77]

что-то вроде?

http://jsfiddle.net/ayagwgsn/3/

о да! вы меня спасли

[Switch74]

а чем вам не понравился ответ satantx я так и не понял.

Вроде мой и его вариант работают одинаково...

[cyklop77]

а чем вам не понравился ответ satantx я так и не понял.

Вроде мой и его вариант работают одинаково...

сейчас перепроверил и действительно одинаково работают. видимо, у меня глючил браузер