迷失的蓝色小恐龙 2021-02-02 14:01 采纳率: 66.7%
浏览 298
已采纳

怎么用用Swiper写自动轮播图

请问各位大佬前端里怎么用Swiper写自动轮播图呢?我已经下载了对应的min js和min css的文件,但是我在Swiper基础演示里并没有找到自动轮播的窗口啊。。怎么办(原谅下我没有支付酬金。。我第一次用csdn)

  • 写回答

3条回答 默认 最新

  • 代码的灵魂是bug! 2021-02-02 14:11
    关注
    <script>
        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',
          },
        });
      </script>

     

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?