Бесконечный Swiper в Framework7

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

Например:

<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);

У плагина 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>')
});