Turn.js: Librería para realizar un libro con HTML5 y CSS3

Turn.js es una biblioteca JavaScript para mostrar el contenido como si de un verdadero libro o una revista se tratara y con las ventajas de HTML5.

Turn.js es una buena opción para realizar una revista, libro o catálogo basado en HTML5. Funciona en la mayoría de navegadores y dispositivos y pesa solo 10k.

El código es muy sencillo

<div id="flipbook"> 
    <div class="hard"> Turn.js </div> 
    <div class="hard"></div> 
    <div> Page 1 </div> 
    <div> Page 2 </div> 
    <div> Page 3 </div> 
    <div> Page 4 </div> 
    <div class="hard"></div> 
    <div class="hard"></div> 
</div>

<script type="text/javascript"> 
    $("#flipbook").turn({ 
        width: 400, 
        height: 300, 
        autoCenter: true 
    }); 
</script>

Características

  • Funciona en iPad y iPhone.
  • API simple, bella y poderosa.
  • Permite cargar las páginas de forma dinámica a través de peticiones Ajax.
  • Contenido HTML5/CSS3.
  • Dos efectos de transición.
  • Funciona en navegadores antiguos como Internet Explorer 8 con turn.html4.js

Página de la librería para más información y descarga Turn.js


Entradas relacionadas

Comentarios

Loading Facebook Comments ...

No Comments Yet.

No Trackbacks.