Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Autoplay does not work and how to turn off Bar #163

Open
hutber opened this issue Jan 13, 2021 · 2 comments
Open

Autoplay does not work and how to turn off Bar #163

hutber opened this issue Jan 13, 2021 · 2 comments

Comments

@hutber
Copy link

hutber commented Jan 13, 2021

Hey there, thank you first for writing this package! v.4.1.0

It seems that autoplay and the bar are getting stuck, I would also like to the turn countdown bar off too:
image

Code:

              <AutoplaySlider
                bullets={false}
                organicArrows={false}
                play={true}
                cancelOnInteraction={false} // should stop playing on user interaction
                interval={6000}
              >
                {images.map(img => (
                  <div data-src={img} key={img} />
                ))}
              </AutoplaySlider>

output html

image

I hope this helps.

@tong-anupan
Copy link

Please try:

const AutoplaySlider = withAutoplay(AwesomeSlider);

must be inside the render() method, I put it inside render() is working.

@christarpher
Copy link

christarpher commented Jan 30, 2021

I seem to be having the same issue, and it seems to mostly stem from having more than one autoplay slider on a page. Further, it seems to not exhibit the issue for me when I'm developing and only rears its head after being built and deployed. Take this all with a grain of salt, but I haven't figured out a way to solve this yet, and I did try putting the AutoPlaySlider in the render method.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants