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