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

Question

[Alexander B]

Сайт: yalta-film.webworkers.pro
Не получается нормально адаптировать слайдер. Высота в нем должна быть фиксированная, а мне надо, чтобы она была пропорционально уменьшалась/увеличивалась при изменении ширины.

Answer 1

[Александр]

Если вкратце - то можно использовать padding-top или padding-bottom и задать в процентах его (от высоты). И будет классно. Подробнее как реализовать - то уже на месте нужно разбираться.
Либо на js.

Comments

[Егор Живагин]

Не мой вопрос, но... Если будет свободное время, можешь на codepen каком-нибудь пример наколдовать? Не видел таких реализаций, интересно

[Alexander B]

Интересно, как можно на js/jquery можно это реализовать..

[Александр]

cptn3mo: я собственно функции сходу не скажу, и код тут писать щас не буду, сам гуглю при необходимости. Но примерно так: функция изменения размеров окна как обертка. Далее меряешь ширину твоего слайдера и умножаешь на коефф. что бы получить высоту. И задаешь принудительно высоту. Естесственно уже по ходу нужно смотреть, как это порешать со стилями и js самого слайдера, поэтому все на деле уже делать надо.