Crear un libro de una galería de imágenes en JQUERY con jFlip

Crear un libro de una galería de imágenes en JQUERY con jFlip




Hoy os quiero dejar un ejemplo de cómo crear un efecto de pasar páginas a forma de libro con JQUERY y el plugin jFlip.

Con jFlip podemos hacer de una manera sencilla este efecto con una galería de imágenes.

Lo primero de todo deberemos bajarnos el plugin jFlip:

http://www.jquery.info/The-jFlip-plugin

Para que sea compatible en Internet Explorer será necesario también el plugin jquery excanvasx como indica en el enlace de jFlip.

En el script habrá que incluir las tres librerias: JQUERY, EXCANVASX y JFLIP:

 

Una vez incluidas las librerías Javascript pasado a crear la galería de imágenes con la etiqueta <UL> (Unsorted List) de HTML:

 

Y finalmente lanzamos jFlip sobre nuestra galería, en este caso hemos establecido un tamaño de 300×300, un fondo de color gris y que se muestre el pliegue de la página desde abajo:

 

Aquí podéis ver un ejemplo:

[span2][/span2]

[span4]

  • Imagen jFlip 1
  • Imagen jFlip 2
  • Imagen jFlip 3
  • Imagen jFlip 4
  • Imagen jFlip 5
  • Imagen jFlip 6
  • Imagen jFlip 7

[/span4]

[span6][/span6]

Y aquí podéis descargarlo:
[span2][/span2]

[span4]
Descargar ejemplo

Descargas realizadas: 146
[/span4]

[span6][/span6]

 





Deja un comentario

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

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies