Framework7 Swiper Slider
Framework7 provides swiper slider which is a very powerful and modern touch slider. It also provides a lot of features.
HTML Layout of Swiper Slider
swiper-container: It is the main slider container class with slides and paginations. Required element
swiper-wrapper: It is an additional wrapper for slides. Required element
swiper-slide: It is a single slide element. Could contain any HTML inside
swiper-pagination: It is a container with pagination bullets where pagination bullets will be created automatically. It is an optional element.
swiperContainer: It is HTMLElement or string of a swiper container and it is required.
parameters: These are optional elements containing object with swiper parameters.
Note: The both of the above methods can be used to initialize the slider with options.
Initialize Swiper with HTML
Types of Swiper Sliders
There are several different types of swipers in Framework7: