Swiper. Запомнить выбранные слайды.
Помогите реализовать сохранение положения выбранных слайдов в localstorage в Swiper'е на примере http://idangero.us/swiper/demos/01-default.html.
Конечно есть вариант сохранять с помощью hash URL, но мне надо чтоб блоков со слайдами было несколько на странице. |
tk.stas,
прочитать документацию, создать обьект который будет хранить все положения слайдеров на текущий момент, выбрать нужный параметр для инициализации и при загрузке обработать обьект для каждого слайдера, извлекая значение из этого обьекта , выбрать нужный Callbacks который будет сохранять текущее положение слайдера в обьекте , сам обьект сохранить в localStorage ... http://idangero.us/swiper/api тут докуметация того что потребуется от слайдера, поиск по localStorage на форуме даст нужные примеры, останется только соединить ... или раздел работа |
Не могу найти номер текущего слайда для записи.
|
tk.stas,
а для иницализации нашли? |
initialSlide
|
tk.stas,
ок ... пошли далее ищем Callbacks |
Здесь Callbacks только по свайпу, а если надо и по стрелкам?
Или я не понял. Чтоб открыть слайдер мы просто инициализируем по номеру от 0. А вот чтобы этот номер определить у текущего слайда. Или надо счетчиком считать их? |
tk.stas,
нужно выбрать Callbacks и внутри этой функции производить запоминание активной вкладки -- потом эта информация потребуется при загрузке страницы во время инициализации слайдера чтобы установить начальное значение initialSlide |
Не понимаю я этот Callbacks как через него получить номер активной вкладки. Могу только посчитать сколько пролистнул вкладок и потом это число запомнить. Но так наверно не правильно будет.
|
tk.stas,
смотрите что получает Callbacks там есть всё до последнего винтика из которого состоит слайдер, в том числе и номер активной вкладки , так что ничего самому считать ненадо, надо только взять и сохранить нужное. |
|
А как получает значения Callbacks? Я не понял что за Callbacks.
|
tk.stas,
onSlideChangeEnd(swiper) function Callback function, will be executed after animation to other slide (next or previous). Receives slider instance as an argument. |
Ну так он мне не даёт никаких значений.
var swiper = new Swiper('.swiper-container', { onSlideChangeEnd: function(swiper){localStorage.setItem("lastname", initialSlide);} }); |
Цитата:
Цитата:
onSlideChangeEnd: function (swiper){ console.log(swiper);} |
tk.stas,
если слайдеров много нужен обьект для хранения и цикл для инициализации. |
Вот оно как. Надо было сразу про console.log сказать, а то я все никак не мог понять где брать это значение.
|
Часовой пояс GMT +3, время: 07:59. |