Skip to content

tonysamperi/paginate-it

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

PaginateIt

A jQuery content paginator!

Index

Introduction

PaginateIt is a jQuery plugin, that lets you easily paginate content!

Requirements

The only requirement needed is jQuery that you can install it via Bower.

Usage

Simply include the paginateIt JS

<html>
    <head>
        <script type="text/javascript" src="path-to/js/paginateIt.js"></script>
    </head>
</html>

Create any grid like this (this is bootstrap, but you can use for example UIkit or a custom grid!)

<div id="container" class="row" paginate="3">
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        my content 1
    </div>
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        my content 2
    </div>
    <!-- ....... -->
    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
        my content n
    </div>
</div>

in the container div you tell paginateIt how many elements for page you want. And you're done!

License

Check out LICENSE file (MIT)

Releases

No releases published

Packages

No packages published