Swiper mobile carousel plug-in (stop carousel after touching the picture)

This article shares the swiper mobile carousel plug-in for your reference. The specific content is as follows

The following are the problems I encountered, and several commonly used parameters for using this plug-in. If your carousel does not need to be very complicated, you can solve it by reading this article. If you want to know more, please visit us here to find the official address of the swiper plug-in.

first stepIntroduced

<script src="../style/js/"></script>

Step 2html

&lt;div class="swiper-container"&gt;
  &lt;div class="swiper-wrapper"&gt;
    &lt;div class="swiper-slide"&gt;
      &lt;img alt="" src="/wxpic/wxb2c/indexpage/index_banner1.jpg"&gt;
    &lt;/div&gt;
    &lt;div class="swiper-slide"&gt;
      &lt;img alt="" src="/wxpic/wxb2c/indexpage/index_banner2.jpg"&gt;
    &lt;/div&gt;
    &lt;div class="swiper-slide"&gt;
      &lt;img alt="" src="/wxpic/wxb2c/indexpage/index_banner3.jpg"&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="swiper-pagination"&gt;&lt;/div&gt; &lt;!--Write when a carousel number is needed--&gt;
&lt;/div&gt;

Step 3Call (The key point is here)

var mySwiper = new Swiper('.swiper-container', {
    pagination : '.swiper-pagination',
    loop : true,
    autoplay : 3000
});

Now in this case, the picture can be automatically carouseled, but when touched by hand, the carousel will stop, so add another parameter

var mySwiper = new Swiper('.swiper-container', {
    pagination : '.swiper-pagination',
    loop : true,
    autoplay : 3000,
    autoplayDisableOnInteraction : false  /* Note this parameter, default is true */ 
});

No matter how you slide, the carousel event will be triggered again.

The above is all the content of this article. I hope it will be helpful to everyone's study and I hope everyone will support me more.