스와이프 시 탭도 함께 바뀌는 방법

https://swiperjs.com/demos#pagination-custom

페이징 커스텀을 통해서 구현하시면 됩니다. 

예를 들어 

<div class="swiper-slide" data-slide-title="슬라이드1"></div>

<div class="swiper-slide" data-slide-title="슬라이드2"></div>

이런식으로 슬라이드를 구성하시고 페이징 커스텀 옵션을 

pagination: {
    el: ".swiper-pagination",
    clickable: true,
    renderBullet: function (index, className) {
        return '<span class="' + className + '">'+$(".swiper-wrapper>.swiper-slide").eq(index).data('slide-title')+"</span>";
    },                    
},

처리하시면 페이징 부분에 slide-title 에 입력한 텍스트가 출력될겁니다. 

페이징 부분을 css 처리해서 상단으로 보내고 탭형태로 구성하시면 됩니다.