#pagination plugin

[designacharya]

WP Post Break Pagination (Utilities)

WP Post Break Pagination (Utilities)

Purchase $15.00

26 Different Designs with Unlimited Color Variations New Designs coming soon with every update Free Life Time Update

– SEO Booster – Decreases Bounce Rate – Increases Page Visits Per User – Better Search/Visitor Analytics – User Reads More Content – Get More Pages Per Post

– Fully Responsive – Fully Customizable – Easy Installation – Easy to Use – Cross Browser Compatible

SEO…

View On WordPress

[geeksplugins]

WP Post Break Pagination (Utilities)

WP Post Break Pagination (Utilities)

Purchase $15.00

26 Different Designs with Unlimited Color Variations New Designs coming soon with every update Free Life Time Update

– SEO Booster – Decreases Bounce Rate – Increases Page Visits Per User – Better Search/Visitor Analytics – User Reads More Content – Get More Pages Per Post

– Fully Responsive – Fully Customizable – Easy Installation – Easy to Use – Cross Browser Compatible

SEO…

View On WordPress

[sucessoideal]

WP Post Break Pagination (Utilities)

WP Post Break Pagination (Utilities)

Comprar $15.00

26 Different Designs with Unlimited Color Variations New Designs coming soon with every update Free Life Time Update

- SEO Booster

– Decreases Bounce Rate – Increases Page Visits Per User – Better Search/Visitor Analytics – User Reads More Content – Get More Pages Per Post

- Fully Responsive

– Fully Customizable – Easy Installation – Easy to Use – Cross Browser Compatible

SEO…

View On WordPress

[andreacoleacc]

Download WP Post Break Pagination (Utilities)

Live Demo and Download WP Post Break Pagination (Utilities)

[htmluse]

New Post has been published on Html Use

New Post has been published on http://www.htmluse.com/bootstrap-pagination/

Bootstrap Pagination

Download   Demo

This Jquery Plugin Bootstrap Pagination (bs_pagination) is a jQuery pagination plugin, based on Twitter Bootstrap.

Features

Created for Bootstrap 3 (Bootstrap 2 supported)

Responsive web design

Fully configurable

Pagination using text links

Go to page functionality (using input box)

Rows per page functionality (using input box)

Support of real URLs (SEO friendly)

Multiple instances in same page

Localization

1. INCLUDE CSS AND JS FILES

<!-- JQUERY --> <script type="text/javascript" src="/path/to/jquery.min.js"></script> <!-- BOOTSTRAP --> <link rel="stylesheet" type="text/css" href="/path/to/bootstrap.min.css"> <script type="text/javascript" src="/path/to/bootstrap.min.js"></script> <!-- PAGINATION plugin --> <link rel="stylesheet" type="text/css" href="/path/to/jquery.bs_pagination.min.css"> <script type="text/javascript" src="/path/to/jquery.bs_pagination.min.js"></script> <script type="text/javascript" src="/path/to/bs_pagination/localization/en.min.js"></script>

2. HTML

<div id="demo_pag1"></div>

3. JAVASCRIPT

$(function() $("#demo_pag1").bs_pagination( totalPages: 100 ); );

4. OPTIONS

$("#element_id").bs_pagination( currentPage: 1, rowsPerPage: 10, maxRowsPerPage: 100, totalPages: 100, totalRows: 0, visiblePageLinks: 5, showGoToPage: true, showRowsPerPage: true, showRowsInfo: true, showRowsDefaultInfo: true, directURL: false, // or a function with current page as argument disableTextSelectionInNavPane: true, // disable text selection and double click bootstrap_version: "3", // bootstrap 3 containerClass: "well", mainWrapperClass: "row", navListContainerClass: "col-xs-12 col-sm-12 col-md-6", navListWrapperClass: "", navListClass: "pagination pagination_custom", navListActiveItemClass: "active", navGoToPageContainerClass: "col-xs-6 col-sm-4 col-md-2 row-space", navGoToPageIconClass: "glyphicon glyphicon-arrow-right", navGoToPageClass: "form-control small-input", navRowsPerPageContainerClass: "col-xs-6 col-sm-4 col-md-2 row-space", navRowsPerPageIconClass: "glyphicon glyphicon-th-list", navRowsPerPageClass: "form-control small-input", navInfoContainerClass: "col-xs-12 col-sm-4 col-md-2 row-space", navInfoClass: "", // element IDs nav_list_id_prefix: "nav_list_", nav_top_id_prefix: "top_", nav_prev_id_prefix: "prev_", nav_item_id_prefix: "nav_item_", nav_next_id_prefix: "next_", nav_last_id_prefix: "last_", nav_goto_page_id_prefix: "goto_page_", nav_rows_per_page_id_prefix: "rows_per_page_", nav_rows_info_id_prefix: "rows_info_", onChangePage: function() // returns page_num and rows_per_page after a link has clicked , onLoad: function() // returns page_num and rows_per_page on plugin load );

5. METHODS

getVersion

var version = $("#element_id").bs_pagination('getVersion');

getDefaults

$("#element_id").bs_pagination('getDefaults');

getOption

$("#element_id").bs_pagination('getOption', 'option_name');

getAllOptions

$("#element_id").bs_pagination('getAllOptions');

destroy

$("#element_id").bs_pagination('destroy');

setRowsInfo

$("#element_id").bs_pagination('setRowsInfo', 'info_html');

6. EVENTS

onChangePage

$("#element_id").bs_pagination( onChangePage: function(event, data) // your code here e.g. console.log('Current page is: ' + currentPage.col + '. ' + rowsPerPage + ' are displayed per page.'); );

data is an object with properties: currentPage and rowsPerPage.

onLoad

$("#element_id").bs_pagination( onLoad: function(event, data) // your code here e.g. console.log('Current page is: ' + currentPage.col + '. ' + rowsPerPage + ' are displayed per page.'); );

data is an object with properties: currentPage and rowsPerPage.