MooTools

How to use

Simple usage:

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:

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();
} );

Discuss

A note on comments here: These comments are moderated. No comments will show up until they are approved. Comments that are not productive (i.e. inflammatory, rude, etc) will not be approved.

Found a bug in this plugin? Please report it this repository's Github Issues.