Задать вопрос
JustinBieber
@JustinBieber
Звизда

Почему OWL Carousel не адаптивит картинки внутри?

d6q4sgu8.jpg
/*BEGIN SLIDER*/
 $(".slider").owlCarousel({
  items : 1,
  stopOnHover: true,
  itemsDesktop:[1199,1],
  itemsDesktopSmall:[979,1],
  itemsTablet :[768,1],
  itemsMobile: [479,1]
});
 /*button carousel*/
 $(".next_button").click(function(){
  $(this).parent().find(".slider").trigger("owl.next");
});
 $(".prev_button").click(function(){
  $(this).parent().find(".slider").trigger("owl.prev");
});
 /*button carousel*/

 /*END SLIDER*/
  • Вопрос задан
  • 1545 просмотров
Подписаться 1 Оценить Комментировать
Решение пользователя Никита Кит К ответам на вопрос (2)
ShadowOfCasper
@ShadowOfCasper
Middle User Interface Web Developer
лучше заюзай CSS. я обычно для адаптивности (хотя использую бутстраповый слайдер, не суть) картинки подключаю через background-image: url(...) , а дальше выставляю для фона свойства, которые и вносят адаптивность в слайдер. то есть position center, size cover (иногда contain, судя по разрешениям картинок) ну и no-repeat, для точности. а потом блокам даю несколько медиа запросов и кидаю туда разные ширины и высоты для разных экранов. Работает на ура.
Ответ написан