Infinite Swiper in Framework7

Question

Есть ли способ построить бесконечный Swiper (например, Tinder), используя этот http://framework7.io/docs/swiper.html?

Идея состоит в том, чтобы добавить новый слайд, когда последний слайд «активен», но я все равно не могу найти его.

Answer 1

Я думаю, вы можете сделать это, используя функцию append и добавив свой контент, если больше нет слайдов. Что-то вроде бесконечного прокрутки, но с небольшим разным кодом.

Например:

<div class="swiper-container"> 
<div class="swiper-wrapper"> 
    <div class="swiper-slide"><span>Slide 1</span></div> 
    <div class="swiper-slide"><span>Slide 2</span></div> 
    <div class="swiper-slide"><span>Slide 3</span></div> 
    <div class="swiper-slide"><span>Slide 4</span></div> 
</div> 
</div> 

JS

var html = ''; 
for (var i = lastIndex + 1; i <= lastIndex + itemsPerLoad; i++) { 
    html += '<div class="swiper-slide"><span>Slide '+i+'</span></div>'; 
} 
// Append new items 
$$('.swiper-wrapper').append(html); 

Answer 2

Swiper плагин имеет собственный веб-сайт с намного большим количеством документации.

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

Вы могли бы, вероятно, использовать onReachEnd(swiper) событие, и там добавить новые слайды с mySwiper.appendSlide('<div class="swiper-slide">Slide 10"</div>')

var mySwiper = new Swiper('.swiper-container'); 

mySwiper.on('onReachEnd', function (swiper) { 
    swiper.appendSlide('<div class="swiper-slide">New Slide</div>') 
});