Swiper-Slider
Overview Official Website
Swiper is the most modern slider with hardware accelerated transitions and amazing native behavior.
CSS
<!--Swiper slider css-->
<link href="~/assets/libs/swiper/swiper-bundle.min.css" rel="stylesheet" type="text/css" />
Javascript
<!--Swiper slider js-->
<script src="~/assets/libs/swiper/swiper-bundle.min.js"></script>
Initjs (Custom js)
<!-- swiper.init js -->
<script src="~/assets/js/pages/swiper.init.js"></script>
Add Package
yarn add swiper --save
Remove Package
yarn remove swiper or you can remove package by removing specific package from package.json
Examples
Title | Javascript |
---|---|
Default Swiper |
|
Navigation & Pagination Swiper |
|
Pagination Dynamic Swiper |
|
Pagination Fraction Swiper |
|
Pagination Custom Swiper |
|
Pagination Progress Swiper |
|
Scrollbar Swiper |
|
Vertical Swiper |
|
Mousewheel Control Swiper |
|
Effect Fade Swiper |
|
Effect Creative Swiper |
|
Effect Flip Swiper |
|
Effect Coverflow Swiper |
|
Responsive Breakpoints Swiper |
|