rethinkpagination
Scrollable Pagination with previews of the content of the page you would like to visit. This is UX design principle accompanied by a jquery plugin.
Demo
http://jensmartsch.de/rethinkpagination
Installation
You can install with Bower:
bower install rethinkpagination
Installation from GitHub
Git clone rethinkpagination to the place where you want to install it:
git clone https://github.com/jmar/rethinkpagination.git
Add the stylesheet to your head
<link rel="stylesheet" href="styles/rethinkpagination.css">
In the foot of your web page before the closing body tag:
<script src="path/to/jquery.js"></script>
<script src="path/to/rethinkpagination/scripts/rethinkpagination.min.js"></script>
<script>
jQuery(function($) {
$('.pagination').rethinkpagination({options});
});
</script>
You can also call rethinkpagination with options as an object:
jQuery(function($) {
$('.pagination').rethinkpagination({animation: 'fadeInDown', selector: 'h1'});
});
</script>
Dependencies
- jQuery 1.7+
Compatibility
Works in Firefox 22+, Chrome 20+, IE8+, Safari
More Examples
(Coming soon)
Release History
-1.0.0 First stable release
Contributing
Please, read the Contributing Guidelines for this project.