Necesito, por ejemplo, que después de seleccionar la quinta diapositiva, estando en la primera, aparezca la quinta, sin desplazarse por todas las demás diapositivas (2,3,4). Uso esta demostración https://swiperjs.com/demos/070-pagination-custom/core
<!-- Html part --> <!-- MAIN --> <div class="swiper-slide"> <div class="buttons" id="btns_main"> <button class="page1">page1</button> <button class="page2">page2</button> <button class="page3">page3</button> </div> </div> <!-- JS part --> const swiper = new Swiper('.swiper', { // Optional parameters direction: 'horizontal', parallax: false, allowTouchMove: false, /* effect: 'flip', flipEffect: { slideShadows: false, }, */ }); const els = document.querySelectorAll('.back_contact, .back'); els.forEach ( el => { el.onclick = () => { swiper.slideTo(0, 250) } }); document.querySelector('.page1').onclick = () => { swiper.slideTo(1, 250) } document.querySelector('.page2').onclick = () => { swiper.slideTo(2, 250) } document.querySelector('.page3').onclick = () => { swiper.slideTo(3, 250) }