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:open
  • Created 6 years ago
  • Reactions:2
  • Comments:22

github_iconTop 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/

Read more comments on GitHub >

github_iconTop 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} ...
Read more >
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.
Read more >
Swiper React - Autoplay - CodeSandbox
Import Swiper React components. import { Swiper, SwiperSlide } from "swiper/react";. // Import Swiper styles ... import Swiper core and required modules.
Read more >
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...
Read more >
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.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found