Pagination Fraction trong Swiper slide

Lượt xem: 3029

Xem demo

Pagination Fraction trong Swiper slide

Trong cấu trúc HTML của Swiper slide ngay trong thẻ div chứa class swiper-container chúng ta cần bổ sung thêm thẻ div với class swiper-pagination


  <!-- Swiper -- > 
 <div class="swiper-container"> 
   <!-- Add Pagination -- > 
 <div class="swiper-pagination"> 
 
  

Tiếp theo trong js khởi tạo Swiper chúng ta cần bổ sung thêm tùy chọn pagination có type "fraction"


 <!-- Initialize Swiper --> 
   <script> 
    var swiper = new Swiper('.swiper-container', {
     pagination: {
        el: '.swiper-pagination',
		type: 'fraction',
		},
    });
  </script> 

 

Xem demo