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

Overflowing dots #117

Open
TiborPL opened this issue Feb 1, 2023 · 1 comment
Open

Overflowing dots #117

TiborPL opened this issue Feb 1, 2023 · 1 comment

Comments

@TiborPL
Copy link

TiborPL commented Feb 1, 2023

Hi!

First, many thanks for your carousel solution.

Issue
I run into an edge case, where I have a smallish container for the carousel, but have many images.
Based on the design, I need to show the dots as well as arrows. Everything is works functionally, but when there is a lot of images, dots go out of the container (which makes sense).

image

Possible solution
A solution would be to have a maxDots param and show only that many dots.
When the most left or right dot/slide is selected, then the dots scroll with the slides. It's like a mini slider :)

Hope it makes sense. :)

@TiborPL
Copy link
Author

TiborPL commented Feb 9, 2023

Ah, I knew I've a good solution, of course it's swiper. :)
They're calling this dynamic pagigation, the prop is dynamicBullets. Check out in action:
https://swiperjs.com/demos/040-pagination-dynamic/core

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

1 participant