Book Block jQuery

BookBlock es un plugin de jQuery que puede ser utilizado para la creación de folletos, como componentes que permiten una «página flip» de navegación. Cualquier contenido puede ser utilizado, tales como imágenes o texto. El plugin transforma la estructura sólo cuando sea necesario (es decir, al lanzar una página) y utiliza algunas superposiciones como sombra para las páginas creando más realismo.

Te permite crear una presentación de contenido con transición al estilo libro, es decir, como si estuvieramos pasando las hojas de un libro.

La siguiente estructura permitirá agregar contenido personalizado en un envoltorio con la clase «bb-item», que representa a una página abierta (izquierda y derecha):

<div id="bb-bookblock">
   <div class="bb-item"><a href="#"><img src="images/demo1/1.jpg" alt="image01"/></a></div>
   <div class="bb-item"><a href="#"><img src="images/demo1/2.jpg" alt="image02"/></a></div>
   <div class="bb-item"><a href="#"><img src="images/demo1/3.jpg" alt="image03"/></a></div>
   <div class="bb-item"><a href="#"><img src="images/demo1/4.jpg" alt="image04"/></a></div>
   <div class="bb-item"><a href="#"><img src="images/demo1/5.jpg" alt="image05"/></a></div>
</div>

Y luego necesitarás incluir la llamada al plugin sobre el contenedor identificado:

$(function() {
    $('#bb-bookblock').bookblock();
});

Ver ejemplos

Descargar

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(4 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

5 respuestas a “Book Block jQuery”

  1. Jesus Qquehue dice:

    me interesa mucho este plugin solo k a mi me interesa ponerlo como una transicion cuando pase a otra pagina… se puede hacer eso? … porfa agradeceria tu respuesta Gracias !!!

  2. Sergio dice:

    Hola, una pregunta mas, como podria añadirse un menu de navegacion, es decir botones de next o back, o añadir un boton que vaya a una «pagina especifica, es responsive?

  3. Hola !!! Me parece muy interesante este plugin. Tengo una pregunta, donde hay que añadir la llamada al plugin, en el css o directamente en la entrada ?? No soy muy experta en esto de la informática y te agradecería que me respondas, ya que me gustaría instalarlo en el blog.
    Gracias !!!!

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre