jPageflip

Name: jPageflip
Brand: Jose Aguilar
SKU: joseaguilarblog-4746
Availability: InStock
Rating: 5 (2 reviews)

jPageFlip es un plugin jQuery para simular el giro de las páginas de un libro. Requiere la librería jQuery para ser utilizado. La versión actual ha sido probado con la versión de jQuery 1.4.2.

jPageFlip es altamente configurable, consulte la sección de configuración de la página oficial. Extensiones adicionales de las opciones de configuración están previstas para la próxima versión. jPageFlip se basa actualmente en la «tecnología de lienzo», que es sólo soportadas por Firefox, Chrome, Opera y Safari, al menos en sus versiones más recientes. Internet Explorer 8 (IE8) no es compatible con la tecnología de lona, esto sólo llegará con IE9.

Desde la versión 0.9.5 jPageFlip imágenes transparentes y semitransparentes son compatibles.

Para hacer pasar las diapósitivas o imágenes hay que hacer click en la esquina inferior derecha.

Se puede utilizar para visualizar un albun de fotos, un dossier de documentos o un libro. Siempre trabaja con imágenes.

Para implementarlo deberemos añadir en el <head> de nuestra página Web la librería jQuery, el plugin y su llamada:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jpageflip-0.9.7.js"></script>
<script type="text/javascript">
window.onload = pageIsLoaded(); 
function pageIsLoaded() {
    $(document).ready(function(){
        $('#myPageFlip').jPageFlip({
              width: 225,
              height: 300,
              top: 30,
              left: 70,
              startPage : 1
        });
    });
}
</script>

Y luego en el <body> el siguiente código HTML añadimos las imágenes que queremos añadir dentro del contenedor:

<div id="myPageFlip">
    <img src="images/image1.jpg" class="jPageFlip">
    <img src="images/image2.jpg" class="jPageFlip">
    ...
    <img src="images/imageX.jpg" class="jPageFlip">
</div>