小编Med*_*daf的帖子

在鼠标悬停时停止滑动并在鼠标悬停时开始播放

当您单击按钮并自动播放时,swiper 会在幻灯片中翻转,但当鼠标光标位于特定 swiper 上时不会停止。什么可能是错误?

PS Swiper 与 github。 https://github.com/nolimits4web/Swiper/blob/master/demos/280-autoplay.html

<div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">Slide 1</div>
      <div class="swiper-slide">Slide 2</div>
      <div class="swiper-slide">Slide 3</div>
    </div>
    <div class="swiper-pagination"></div>
    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>

var swiper = new Swiper('.swiper-container', {
      spaceBetween: 30,
      centeredSlides: true,
      autoplay: {
        delay: 2500,
        disableOnInteraction: false,
      },
      pagination: {
        el: '.swiper-pagination',
        clickable: true,
      },
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
    });
Run Code Online (Sandbox Code Playgroud)

html javascript jquery swiper

3
推荐指数
1
解决办法
4848
查看次数

标签 统计

html ×1

javascript ×1

jquery ×1

swiper ×1