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
Comentarios
No Trackbacks.