Buzina Pagination
Simple leightweight jQuery pagination. Uses Bootstrap pager structure, but also perfectly works without any frontend framework.
Install
Download buzina-pagination.min.css and buzina-pagination.min.js into your site directory, put the stylesheet and script tags into your code:
<link rel="stylesheet" href="/buzina-pagination.min.css" /> <script src="/buzina-pagination.min.js"></script> Usage
Paginated element must have the following structure:
<div id="uniqueId"> <div>Lorem ipsum dolor sit amet.</div> <div>Consectetur adipisicing elit ea assumenda.</div> <div>Quibusdam cum quod quisquam excepturi.</div> <div>Tempore, et? Explicabo dolore id.</div> <div>Quibusdam deleniti saepe sequi illo porro!</div> </div> Where uniqueId is your unique id for this element.
Add this code at the bottom of your markup to activate the plugin:
<script> $(document).ready(function () { $('#uniqueId').buzinaPagination(); }); </script> Options
| Name | Default | Description |
|---|---|---|
prevnext | true | |
prevText | "Previous" | |
nextText | "Next" | |
itemsOnPage | 1 |
Example:
<script> $(document).ready(function () { $('#uniqueId').buzinaPagination({ prevnext: false, itemsOnPage: 5 }); }); </script> TODO
- Add Bootstrap
.activeand.disabledcalsses.
License
The code and the documentation are released under the MIT License.
