Slick: Feature request: limit the number of dots visible

Created on 17 Feb 2016  Â·  10Comments  Â·  Source: kenwheeler/slick

This is an example of how the dots display when there's a lot of images in the slideshow.
slideshow_dot_navigation_2016-02-18_at_04 43 01

Needs Fiddle Not A Bug Question / Support

Most helpful comment

Any Update Or Release On This ?
I need Dots Based On Number Of Slides Per Page
And Any Way We Can Have Diff SlideToscroll Value For Dots And Navigation?

All 10 comments

Hey @i300220 please check out the contribution guidelines--in general it's pretty critical for debugging to have a reduced test case in a fiddle or codepen so we require it for issues--although in this case I can understand how its pretty well illustrated by the screenshot.

Im gonna go ahead and close this because I wouldn't really call this a bug--that said if you have a reasonable idea as to some default way to handle this case I'd be curious to hear it!

I thought I remembered someone else with something similar and found this issue. Often times if you search past issues you can find something relevant. Anyway you should be able to customize a solution pretty easily or just turn dots off.

Hope that helps!

Awesome. Thanks for the kind help!

I would just like to point out that I have this issue too. I have sliders with over 60 images with lazy-load on, and I get like 3 rows of dots. It would be nice to have an arrow to loop through them if they have more than 100% of the width of the slider.

Fiddle of the problem:
https://jsfiddle.net/qg7g9n8p/

_I couldn't make dots look beautiful, but it reproduces the behaviour neverthless :)_

I have try above css but it doesn't work properly for my case. So I create this code, I hope that it's helpful :)

code

p/s: I cannot use insert code feature of comment blog to add highlight code

@vonhutrong added a couple of fixes to your code. it wouldn't work as is. using it right now. thanks so much for that wonderful feature!

@i300220 I have add more comment, I hope that it is clear enough for other one who want to use it :).

is this issue have work around?

CSS selectors :nth-child(n) ?

Gesendet von Mailhttps://go.microsoft.com/fwlink/?LinkId=550986 für Windows 10

Von: Grand Julivannotifications@github.com
Gesendet: Freitag, 9. März 2018 10:25
An: kenwheeler/slickslick@noreply.github.com
Cc: Subscribedsubscribed@noreply.github.com
Betreff: Re: [kenwheeler/slick] Feature request: limit the number of dots visible (#2130)

is this issue have work around?

—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHubhttps://github.com/kenwheeler/slick/issues/2130#issuecomment-371759440, or mute the threadhttps://github.com/notifications/unsubscribe-auth/AFmRU950gzUN65IHCYSu89-8touXI8YAks5tckqNgaJpZM4Hcdh6.

I recently developed something like this, https://codepen.io/swarad07/pen/xmzQKm.

I have restricted the dots to 5 (but can be any number), and scroll them similar to instagram.

Any Update Or Release On This ?
I need Dots Based On Number Of Slides Per Page
And Any Way We Can Have Diff SlideToscroll Value For Dots And Navigation?

Was this page helpful?
0 / 5 - 0 ratings