PagesNavigation

PagesNavigation is flexible paginator plugin.

How to Use

Simple usage:

HTML:

#HTML
<div>
	<span>Pages navigation:</span>
	<div id="page-navigation"></div>
</div>
<div>
	<span>Blocks per page:</span>
	<div id="page-navigation-quantity"></div>
</div>

<div id="virtual-pages">
	<div class="page-block">Lorem Ipsum...</div>
	<div class="page-block">Lorem Ipsum...</div>
	...
	<div class="page-block">Lorem Ipsum...</div>
</div>

JavaScript:

#JS
window.addEvent( 'load', function() {
	var options  = {
		'navigationBlocks'         : [ 'page-navigation' ],
		'quantityBlocks'           : [ 'page-navigation-quantity' ]
	}
	var pagesNavigation = new NXC.PagesNavigation( '#virtual-pages .page-block', options );
	pagesNavigation.build();
} );