https:\/\/swiperjs.com\/api\/<\/a><\/p>\n\n\n\n \u30da\u30fc\u30b8\u30cd\u30fc\u30b7\u30e7\u30f3\u3001\u30a2\u30ed\u30fc\u306e\u30af\u30ea\u30c3\u30af\u5f8c\u306b\u30aa\u30fc\u30c8\u30d7\u30ec\u30fc\u304c\u6b62\u307e\u308b\u3068\u304d\u3002 2\u30eb\u30fc\u30d7\u76ee\u4ee5\u964d\u306e2\u500b\u76ee\u306e\u30b9\u30e9\u30a4\u30c9\u304c\u8868\u793a\u3055\u308c\u306a\u3044\u3068\u304d\u3002<link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.1\/css\/swiper.min.css\">\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.1\/js\/swiper.min.js\"><\/script><\/code><\/pre>\n\n\n\n
<!-- Slider main container -->\n<div class=\"swiper-container\">\n <!-- Additional required wrapper -->\n <div class=\"swiper-wrapper\">\n <!-- Slides -->\n <div class=\"swiper-slide\">Slide 1<\/div>\n <div class=\"swiper-slide\">Slide 2<\/div>\n <div class=\"swiper-slide\">Slide 3<\/div>\n ...\n <\/div>\n <!-- If we need pagination -->\n <div class=\"swiper-pagination\"><\/div>\n <!-- If we need navigation buttons -->\n <div class=\"swiper-button-prev\"><\/div>\n <div class=\"swiper-button-next\"><\/div>\n <!-- If we need scrollbar -->\n <div class=\"swiper-scrollbar\"><\/div>\n<\/div>\n\n<script>\n var mySwiper = new Swiper('.swiper-container', {\n loop: true,\n loopAdditionalSlides: 3,\n autoplayDisableOnInteraction: false,\n slidesPerView: 1.5,\n spaceBetween: 30,\n centeredSlides: true,\n speed: 1000,\n autoplay: 3000,\n observer: true,\n observeParents: true,\n preventClicks: true,\n preventClicksPropagation: true,\n paginationClickable: true,\n pagination: '.swiper-pagination',\n nextButton: '.swiper-button-next',\n prevButton: '.swiper-button-prev'\n })\n<\/script><\/code><\/pre>\n\n\n\n
My swiper with Swiper.js stop autoplay after slide it with finger, why?<\/a>
autoplaydisableOnInteraction: Set to false and autoplay will not be disabled after user interactions (swipes), it will be restarted every time after interaction.<\/p>\n\n\n\nautoplayDisableOnInteraction: false,\n<\/code><\/pre>\n\n\n\n
Slide disappear when using loop and centeredSlides<\/a>
loopAdditionalSlides: Addition number of slides that will be cloned after creating of loop.<\/p>\n\n\n\nloopAdditionalSlides: 3,<\/code><\/pre>\n\n\n\n