swiper无限轮播时一张图片的情况如何禁止图片左右滑动

最新推荐文章于 2024-01-31 09:39:33 发布

17号特工

最新推荐文章于 2024-01-31 09:39:33 发布

阅读量1k

点赞数

分类专栏： js 文章标签： javascript

本文链接：https://blog.csdn.net/anna0115/article/details/120313190

版权

js 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

  const imageList=['https://img0.baidu.com/it/u=3776611076,4116242191&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=431','https://img1.baidu.com/it/u=3344816633,3877134392&fm=253&fmt=auto&app=120&f=JPEG?w=640&h=426'];
  new Swiper('.swiper-container-tip', {
            spaceBetween: 0,
            loop: imageList.length> 1 ? true : false,//轮播方式
            resistanceRatio: imageList.length> 1 ? 0.7 : 0,//滑动灵敏度
            speed: 1000,
            noSwiping: true,
            centeredSlides: true,
            centeredSlidesBounds: true,
            slidesOffsetBefore: 0,
            slidesOffsetAfter: 0,
            autoplay: {
                delay: 4000,
                disableOnInteraction: false,
            },
            slidesPerView: 'auto',
            pagination: {
                el: '.swiper-pagination',
            },
            on: {
                touchEnd: () => {

                },
                touchMove: () => {

                }
            },
        })