swiper 4.X版本可以使 上下切换按钮自定义文字:
详情链接:https://wap.smilecmer.com/ztn/smile/
<script>
var swiper = new Swiper('.jsdb', {
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
on:{
slideChange: function(){
console.log(this.activeIndex);
var arr = ["術後乾眼","術後乾眼","切割口...","所需時間","角膜瓣...","角膜瓣...","準確度...","正常運動","術後乾眼","切割口..."];
$('.swiper-button-prev span').html(arr[this.activeIndex]),$('.swiper-button-next span').html(arr[this.activeIndex+2]);
if(this.activeIndex==0){
$('.swiper-button-prev span').html(arr[7]);
}
} },
});
</script>