swiper自定义pagination

pagination为不同的图片，可滑动，支持点击

var mySwiper = new Swiper(".swiper-container", {
  pagination: {
    el: ".swiper-pagination",
    type: 'custom',
    renderCustom:function(swiper,current,total){
      var paginationHtml = '';
      var text = ['等级专属券','免邮特权','生日礼券']
      for(var i=1;i<=total;i++){
        if(i==current){
          paginationHtml+=`

                            
                            ${text[i-1]}
                          
`
        }else{
          paginationHtml+=`

                            
                            ${text[i-1]}
                          
`
        }
      };
      return paginationHtml
    }
},
  hashNavigation: {
    watchState: true,
  },
  clickable :true,
});
$('.swiper-pagination').on('click','.pagination',function(){ 
  var index = $(this).index(); 
  mySwiper.slideTo(index, 1000, false);
})