Как реализовать правильные пропорции в слайдере?

Question

[Михаил Семин]

Имеется слайдер шириной в 730 пикселей, в нем есть фотки. Но вот незадача, фотки разных размеров, соответственно отображаются неправильно по отношению пропорциям.

Некоторые картинки преимущественно по размерам в высоту.

Прошу помощи и идей реализации.

Answer 1

[IceJOKER]

Есть несколько вариантов:
1. Загрузить фотографии только правильного размера.
2. Ограничить высоту по ширине ИЛИ по высоте, в таком случае браузер сам подберет пропорции.
3. 2 пункт + ограничить max-width(height) , чтоб не выходило за рамки.
4. Ограничить по высоте И ширине, тогда вот будут проблемы..кривые пропорции

Других вариантов я не вижу

Comments

[Михаил Семин]

Ширина слайдера должна быть фиксированной.

[IceJOKER]

Михаил Семин: ну так DO IT

[Михаил Семин]

IceJOKER: так какой вариант вы посоветуете?

[IceJOKER]

Михаил Семин: ограничить ширину и оставить высоту(браузер сам найдет пропорции), а что вы еще хотели после вашего ответа фиксированную ширину?:

Answer 2

[Михаил Семин]

Есть вариант -- для вертикальных фотографий сделать их позиционирование по центру, а пустоту по краям закрасить белым цветом. Как это реализовать?

Comments

[IceJOKER]

background-color: #fff; text-align: center; ?