2017-01-16 3 views
0

Я пользуюсь iDangerous слайдером, и я хочу сделать его отзывчивым. Я использую точки прерывания плагинов.iDangerous swiper отзыв не работает должным образом

То, что я хочу добиться: На экране мобильного телефона только 1 изображение должно быть видно, на таблетки 2, а на рабочем столе 8.

Я сделал это так:

slidesPerColumn: 8, 
     breakpoints: { 
     700: { 
      slidesPerColumn: 1 
     }, 
     1020: { 
      slidesPerColumn: 2 
     } 
     } 

Теперь он делает но только при обновлении страницы. Кажется, это только ломает точку. Когда я перехожу с мобильного на планшет, он работает. Но когда я перехожу с мобильного на рабочий стол, это не так. То же самое происходит наоборот. Рабочий стол для планшетов работает, но рабочий стол для мобильных устройств не работает.

С рабочего стола на мобильный телефон, он будет показывать два изображения вместо 1, и с мобильного телефона на рабочем столе это показывает 4 изображения вместо 8.

Любой знает, что может быть не так?

Благодаря

ответ

0

В соответствии с документацией API Swiper, я не думаю, что плагин точки останова будет работать slidesPerColumn: «Не все параметры могут быть изменены в контрольных точек, только те, которые не требуется различное расположение и логику , как slidesPerView, slidesPerGroup, spaceBetween. Такие параметры, как слайдыPerColumn, loop, direction, effect не будут работать. "

http://idangero.us/swiper/api/#.WI6aSbYrK9Y

удачи!