Use Swiper achieve Carousel Figure

1. Swiper official website to download the compressed package Swiper tool

https://www.swiper.com.cn/download/index.html

 

2. swiper document into the project

 

 

3. (We generally use dist in the css and js and demos)

In the official website we can find they want to use the carousel effect, here we choose this effect (this corresponds to have this effect the number -280)

 

 4. Project format:

 

 The effect can be seen in the code demo

 

 6. An activation link two

 

 7. demo code into our own web pages.

　The dynamic flip Swiper the js and css into the project js and css files folder

- (min, with automatic page turning, without manually flip)

 

 8. Modify the link to their own web page two

 

 <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="css/swiper.min.css">
  <!-- Swiper JS -->
  <script src="js/swiper.min.js"></script>

 

9. FIG rotation disposed in the style of the size .swiper_container

 

 10. If there are two hidden form, is preferably added to the code

style="z-index=9999;position=relative"