New answers tagged overflow
Here are several different kinds of solutions (with examples) to choose from depending on your needs. My favorite is the version that turns the table into a list on mobile screens (brilliant!): http://elvery.net/demo/responsive-tables/ Also see: bootstrap version and the jQuery plugin, FooTables
My suggestion is to keep it the way it is, but fade the left and right sides of the bullets. That might make it look like they are spinning around a cylinder. That way it won't look as cluttered but the user will still be able to see that there are pages to the left and right.
Once you have more than just a handful of bullets their value to the user decreases. They aren't really used that often for navigation anyway especially on a touch device where swipe is primarily used, bullets are mostly there to indicate location within the slider. So I would drop the bullets and just show a progress bar or rethink the UI pattern ...
Why not allow them to overflow? As long as the empty bullets seems to partially extend beyond the edge of the screen the user will able to discern there are further pages to the left/right.
In your current design, the bullets look too small to be clickable. Since they are only being used informatively, you can shrink their shape even further. Horizontally stacking the bullets and using rectangles instead can save a significant amount of space. Could not find a better example, but the rectangles can be even thinner than in the image, e.g. ...
Without knowing the full details I would think of a common pagination like < 5 / 23 > The previous/next arrows should be bigger than the text - and touchable. Although the swipe still should be the main interaction to go from one page to the other. I guess this would make things perfectly clear. Although you'll loose the option to directly jump to a ...
Top 50 recent answers are included