Swiper slider pagination

Lượt xem: 5342

Xem demo

Swiper slider pagination

Tương tự phần Navigation chúng ta cũng cần bổ sung class .swiper-pagination trong class .swiper-container như sau:


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

Tiếp theo trong phần khởi tạo Swiper chúng ta cũng cần thêm tùy chọn pagination:


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

 

Xem demo