var rankingSlider = {}; rankingSlider.el = $('.js-ranking-slider'); rankingSlider.do = undefined; rankingSlider.len = rankingSlider.el.find('.swiper-slide').length; rankingSlider.conf = { slidesPerView: 'auto', speed: 700, loop: true, autoplay: { delay: 4000, disableOnInteraction: false }, navigation: { nextEl: '.swiper-button-next.is-ranking', prevEl: '.swiper-button-prev.is-ranking' } }; // 最低必要なスライド数を指定 const requiredSlides = 10; const slideContainer = rankingSlider.el.find('.swiper-wrapper')[0]; const slides = slideContainer.querySelectorAll('.swiper-slide'); const slideCount = slides.length; // スライド数が2以上の場合のみ複製処理を行う if (slideCount >= 2 && slideCount < requiredSlides) { for (let i = slideCount; i < requiredSlides; i++) { const clone = slides[i % slideCount].cloneNode(true); slideContainer.appendChild(clone); } } // is-noslide if (rankingSlider.len) { if (rankingSlider.len > 1) { rankingSlider.do = new Swiper(rankingSlider.el, rankingSlider.conf); } else { rankingSlider.el.addClass('is-noslide'); } } else { rankingSlider.el.addClass('is-noslide'); } こんなswiperのjsで進めてた 10個準備してもらえる想定だったんだけど3個とかになっちゃうこともあるみたいというわけで3個で実験してみた 1231231231で終わり次に1が来るため、1が連続しちゃう

RANKING INTRODUCTION RANKING INTRODUCTION RANKING INTRODUCTION

RANKING INTRODUCTION RANKING INTRODUCTION RANKING INTRODUCTION