2016-01-09 7 views
1

Можно ли сделать 2-рядный слайдер на рабочем столе и стать 1-й строкой на мобильном экране с помощью карандаша совы или BX Slider? Я попробовал некоторые, но все еще в 2-х рядах на мобильном телефоне. Не могли бы вы помочь?2 Rows Owl Carousel или BX Slider

2 Rows Slider on Desktop > 1 Row on Mobile

ответ

0

Вот решение для Owl карусели 2, что позволяет контролировать количество коробки:

$(document).ready(function(){ 
    $('.owl-carousel').owlCarousel({ 
     autoplay:true, 
     responsive: { 
     0: { 
      items: 1 
     }, 
     600: { 
      items: 2 
     }, 
     1000: { 
      items: 3 
     } 
     } 
    }); 
}); 

Идея заключается в том, чтобы объявить, сколько ящиков вам нужно в разных ширинах.

+0

Большое спасибо – user3413607