Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

not working Autoplay swiper

See original GitHub issue

I’d like to add autoplay swiper. added code is like this.

config: SwiperOptions = {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    spaceBetween: 30,
    autoplay: 3000,
    loop: true
  };

But it doesn’t work to autoplay. please review it and let me know.

Issue Analytics

State:
Created 6 years ago
Reactions:2
Comments:22

Top GitHub Comments

375reactions

abdessamadelhamdanycommented, Jul 16, 2020

Please make sure to import {Autoplay} module and make the swiper use it

import Swiper, { Autoplay} from ‘swiper’; Swiper.use([Autoplay]);

17reactions

dbedoyatcommented, Feb 22, 2018

Hi guys, the implmentation of autoplay is wrong. @shavin47 @ninjadev1030

The best way is:

autoplay: { delay: 3000, }, For more options see also: http://idangero.us/swiper/api/

Top Results From Across the Web

AutoPlay Slides not working for Swiper JS - Stack Overflow

The contents in 3 slides are with different object reffered each time. <SwiperSlide > <div class="workGridContainer"> {#each workLinks as work} ...

AutoplayOptions | Swiper - v8.4.5

Defined in swiper/types/modules/autoplay.d.ts:85. Delay between transitions (in ms). If this parameter is not specified, auto play will be disabled.

Swiper React - Autoplay - CodeSandbox

Import Swiper React components. import { Swiper, SwiperSlide } from "swiper/react";. // Import Swiper styles ... import Swiper core and required modules.

Swiper & Photoswipe Autoplay Problem. - CodePen

100% mobile optimized - Touch-friendly Combination of swiper.js slider/carousel and photoswipe image gallery lightbox - for the best native look on mo...

How to Enable Autoplay for SwiperJS React - YouTube

In this video I will quickly explain how to enable the autoplay feature in Swiper React based carousels.