Задать вопрос
gadzhimari
@gadzhimari
frontend-developer
javascript

Как для карусели привести изображения с разными разрешениями к одинаковому?

У меня имеются изображения, часть из которых в портретной ориентации, а другая часть в альбомной. Я их хочу привести все изображения к одному размеру, например, 268x414. В кач-ве слайдера использую owl. При этом карусель у меня адаптивная. В примерах слайдеров всегда используются картинки с одинаковыми разрешениями, при этом не видел таких, чтобы использовались изображения с разным разрешениями. Или же каждую картинку нужно обрезать и ресайзить под нужное разрешение в фотошопе?
  • Вопрос задан
  • 6442 просмотра
Комментировать
Подписаться 4 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 2
romanzhak
@romanzhak
Mathematician 
.stream {
  width: 268px;
  height: 100px;
  margin: 3px;
}
.stream > img {
  max-width: 100%;
  width: auto\9;
  height: 100%;
  vertical-align: middle;
  border: 0;
}

<div class="stream">
 <img src="" >
...
</div>
Ответ написан
3 комментария
3 комментария
Symphony
@Symphony Куратор тега JavaScript
Можно так, размер всех слайдов одинаковый
jsfiddle.net/Symphony/L8dfqLrh/embedded/result
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
summer • Ярославль
от 100 000 до 140 000 ₽
Junior JavaScript Developer
КРАФТТЕК • Санкт-Петербург
от 60 000 до 80 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка VST-плагина
19 апр. 2024, в 20:43
20000 руб./за проект
Нарисовать баннер для интернет-магазина
19 апр. 2024, в 20:35
500 руб./в час
Разработать несистемный алерт
19 апр. 2024, в 20:11
500 руб./за проект
Ещё заказы