Seleccionar página

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:
[row] [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] [/row]

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

Descargas realizadas: 406 [/span4] [span6][/span6]

 

(Visitado 8.224 veces, 1 visitas hoy)