Each display block (screen) of Swiper is a slide, and pictures or texts are placed in the slide. All the slides are arranged in one line (or multiple lines) and contained in the wrapper. The main container contains the wrapper and Arrow button control navigation and pager control pagination. When the finger (or mouse) touches and slides the Swiper, the Swiper transforms the wrapper by calculating the sliding distance difference in each frame of the browser to produce the drag effect. When...