轮播一屏多个数量-匀速向左移动

标签：false 轮播 一屏 slidesPerView 匀速 swiper

引入swiper

1.html

　　　　　<div class="inw-swipper">                         <div class="swiper-container">                             <div class="swiper-wrapper">                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop1.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop2.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop3.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop3.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop3.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop3.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop3.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop1.png" alt="">                                     </div>                                 </div>                                 <div class="swiper-slide">                                     <div class="company-box">                                         <img src="images/loop1.png" alt="">                                     </div>                                 </div>                             </div>                         </div>                     </div>

2.js

var mySwiper = new Swiper('.inw-swipper .swiper-container',{         loop : true,//可选选项，开启循环         slidesPerView:8,         spaceBetween : 10,         allowTouchMove: false,         speed: 8000,         autoplay: { delay: 0, disableOnInteraction: false, },          breakpoints: {  //移动端尺寸显示个数             768: { slidesPerView: 6, },             640: { slidesPerView: 4, },             480: { slidesPerView: 3, },         }     })

 

标签：false,轮播,一屏,slidesPerView,匀速,swiper
From： https://www.cnblogs.com/Loreen/p/18141482