Swiper轮播图多个按钮实现切换效果

Swiper轮播图可以通过多个按钮实现切换效果，具体实现可以参考以下步骤：

1. 给每个按钮绑定点击事件，事件函数中使用Swiper的`slideTo()`方法切换到对应的轮播项。

var swiper = new Swiper('.swiper-container', {
    // ...
});

// 给按钮绑定点击事件
$('.btn').on('click', function() {
    var index = $(this).index();
    swiper.slideTo(index);
});

2. 在轮播图中添加对应的轮播项，并在每个轮播项中添加对应的按钮。

<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">
            <img src="img/1.jpg">
            <button class="btn">1</button>
        </div>
        <div class="swiper-slide">
            <img src="img/2.jpg">
            <button class="btn">2</button>
        </div>
        <div class="swiper-slide">
            <img src="img/3.jpg">
            <button class="btn">3</button>
        </div>
    </div>
</div>

这样，每个按钮就可以切换到对应的轮播项了。当然，你还可以根据自己的需求，自定义按钮的样式和切换效果。