The Ono List Pager, a JavaScript library that creates a paging UI out of HTML list items, is now stable and complete enough to be made public. It can be used to create an animating spotlight on a homepage, but it can also be used to put a lot of information in a small space.
About the library
Its development took about half a year and in that time it has become a solid jQuery plugin with the following key properties:
- Works in IE7+, Firefox, Chrome, Safari and Opera. Most functions also work on IE6, but that browser is not actively supported.
- Supports gestures in mobile browsers.
- Supports arrow key events.
- Works with the principle of progressive enhancement, so your content is still also accessible to search engines and users without JavaScript.
- Very configurable and extendable.
- Open source and available on Github.
- The library size is just 30Kb. If your webserver uses gzip files, it will be even smaller.
Installation
Extending and improving the library
Examples
Most websites that use the Ono List Pager are still in development, but a good website to show what you can do with it can be found on Estate 15 jaar.
An example of an Ono List Pager instance.
