Можно ли как-то в swiper slider добавлять пустой слайд после 5ого слайда элемента?

Есть Swiper Slider в котором 10 слайдов, необходимо после каждого 5ого добавлять еще один пустой слайд. Как это можно реализовать? Подскажите пожалуйста, буду очень благодар

function initSwiperbyAdvantages() {
    let schoolSliderByAge = new Swiper(".block-advantages-slider-container", {
      slidesPerView: "auto",

      spaceBetween: 30,
      setWrapperSize: false,
      allowTouchMove: false,
      speed: 2000,
      pagination: {
        el: ".block-main-pagination-advantages",
        type: "fraction",
        renderFraction: function (currentClassSchool, totalClassSchool) {
          return (
            '<span class="' +
            currentClassSchool +
            '"></span>' +
            '<span class="' +
            totalClassSchool +
            '"></span>'
          );
        },
      },
      navigation: {
        nextEl: ".btn-slider-next-advantages",
        prevEl: ".btn-slider-prev-advantages",
      },
      /*autoplay: {
        delay: 5000,
      },*/
    });
    let elem = $(
      ".block-advantages-slider-container>.swiper-wrapper>div:nth-child(5n+5)"
    ); //тут пытаюсь в дереве получить каждый 5ый элемент, но в сам слайдер передается индекс, поэтому это не работает....
    schoolSliderByAge.addSlide(elem,'<div class="swiper-slide">Slide 10"</div>'); //тут добавляю сам слайд
  }
  initSwiperbyAdvantages();

ен.


Ответы (0 шт):