const swiperInstance{containerId} = new Swiper('#swiper-ss-{containerId}', { loop: true, grabCursor: false, autoHeight: false, watchSlidesProgress: true, allowTouchMove: false, centeredSlides: true, slidesPerView: "1", pagination: true, pagination: { el: '.swiper-pagination', clickable: true, renderBullet: function(index, className) { return '' + (index + 1) + ""; } }, navigation: true, rewind: false, creativeEffect: { prev: { translate: ["-50%", 0, -1], }, next: { translate: ["100%", 0, 0], }, }, navigation: { nextEl: ".swiper-button-next{containerId}", prevEl: ".swiper-button-prev{containerId}", } });