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.