Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 31.05.2018, 11:28
Новичок на форуме
Отправить личное сообщение для angeda1212 Посмотреть профиль Найти все сообщения от angeda1212
 
Регистрация: 31.05.2018
Сообщений: 2

Owl-carousel управление шириной слайда при листании слайдов
Всем здравствуйте, друзья!

Прошу помощи в реализации следующего слайдера owlcarousel- при разрешении до 768px показываются 2 слайда, менее 768px - слайды нужно показать оба по половине ширине каждого, а после однократного листания в любую сторону слайды начинают показываться по одному - на всю ширину экрана. AutoWidth срабатывает для показа половины каждого, но не понятно как после первого листания начинать показывать слайд на всю ширину экрана. Собственно вопрос как это можно реализовать, получается или отображение по половине, но ломается ширина после листинга или сразу по одному(но не выходит половинчатый показ, видно сразу весь слайд на всю ширину), https://jsfiddle.net/angeda/88vz1bLx/
Ответить с цитированием
  #2 (permalink)  
Старый 31.05.2018, 11:34
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

При свайпе слайда или клике по кнопке prev/next вызывать повторную инициализацию с нужными параметрами.

Последний раз редактировалось j0hnik, 31.05.2018 в 11:35. Причина: й
Ответить с цитированием
  #3 (permalink)  
Старый 31.05.2018, 11:55
Новичок на форуме
Отправить личное сообщение для angeda1212 Посмотреть профиль Найти все сообщения от angeda1212
 
Регистрация: 31.05.2018
Сообщений: 2

здравствуйте, вы имеет ввиду перехватить swipe и сделать destroy после чего снова инициализировать?
Ответить с цитированием
  #4 (permalink)  
Старый 31.05.2018, 13:03
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 3,650

angeda1212,
типа того, нужные события можете тут найти
https://owlcarousel2.github.io/OwlCa...os/events.html
https://owlcarousel2.github.io/OwlCa...pi-events.html
Ответить с цитированием
  #5 (permalink)  
Старый 31.05.2018, 14:03
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

не понимаю обоих ... "sorry for my offtop"
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Owl Carousel прокрутку по n элементов даже если слайдов меньше n FirstFrost jQuery 12 09.01.2018 13:53
Миниатюры в пагинации Owl Carousel kos0760 jQuery 5 20.05.2016 00:21
Owl carousel 2 не работает с табами - как поправить? ligisayan jQuery 7 08.05.2016 13:41
Почему не правильно считает номера слайдов в карусели owl carousel 2? ligisayan jQuery 13 22.04.2016 10:22
Смена background при смене слайда ! truestory Элементы интерфейса 1 17.01.2014 13:13