Paginación con jQuery

La paginación puede ser un quebradero de cabeza o puede ser algo sencillo, útil e incluso creativo. Con este jQuery llamado jPage, creado por el programador Luís Almeida, que permite realizar la paginación desde el lado del navegador. Somos muchos los que lo usamos por su efectividad.

Según su propio ejemplo básico, este seria el HTML:

<ul id="itemContainer">
    <li><img src="img/img1.jpg" alt="image"></li>
    <li><img src="img/img2.jpg" alt="image"></li>
    <li><img src="img/img3.jpg" alt="image"></li>
</ul>

<div class="holder"></div>

El Jquery se compone de tres archivos, pero la clave reside en este código que encontrareis en el archivo jPages.js

	$(function(){
	  $("div.holder").jPages({
	    containerID  : "itemContainer",
	    perPage      : 9,
	    startPage    : 1,
	    startRange   : 1,
	    midRange     : 5,
	    endRange     : 1
	  });
	});

perPage: Cuantos post por pagina.

startPage: Si la paginación comienza en la primera página.

midRange: El numero en el que se resume la paginación.

Al descargarlo, incluye un CSS básico, podéis ver un ejemplo en vivo en este mismo blog, en el siguiente link.

Enlace para la descarga. y vista de varios ejemplos incluyendo animaciones con animate.css.

Mariano J.