Можно ли как-то в 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();
ен.