обработка изображений разных размеров в jquery слайдере

Question

Привет, я использую стандартный слайдер / карусель изображений jquery для отображения изображений.

У меня есть изображения разных размеров, которые используются в слайдере. Как я могу гарантировать, что ширина и высота не влияют на размеры слайдера, пока он выглядит наполовину прилично. Например, ширина слайдера = 300 пикселей, высота = 200 пикселей?

Мне нравится поведение этого слайдера: http://coffeescripter.com/code/ad-gallery/

но я не использую этот, так как он не очень хорош для адаптивного дизайна

Answer 1

Вам нужно будет либо сделать заполнитель ползунка размером с самое большое изображение, либо, если вы хотите, чтобы они имели одинаковый размер, установите атрибуты width и height в теге <img>, чтобы переопределить фактические размеры.изображения.

Если отношение ширины к высоте не согласовано, вам может потребоваться рассчитать уменьшенные размеры на лету, либо на сервере в jQuery / JavaScript.