Crear un libro virtual con HTML5

Turn.js es una biblioteca JavaScript que aprovecha las grandes ventajas de HTML5 para la creación dinámica de libros virtuales. Funciona en iPhone e iPad. API de fácil implementación. Permite cargar las paginas de forma dinámica por medio de llamadas AJAX. Este punto es importantísimo. Animaciones generadas con CSS3 y HTML5. Dos efectos distintos para las […]

Turn.js es una biblioteca JavaScript que aprovecha las grandes ventajas de HTML5 para la creación dinámica de libros virtuales.

  • Funciona en iPhone e iPad.
  • API de fácil implementación.
  • Permite cargar las paginas de forma dinámica por medio de llamadas AJAX. Este punto es importantísimo.
  • Animaciones generadas con CSS3 y HTML5.
  • Dos efectos distintos para las transiciones.
  • Funciona en navegadores más antiguos utilizando una pequeña biblioteca adicional.

Libro con HTML5

<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>

Turn.js funciona perfecto en: Safari 5, Chrome 16, Firefox 10, e IE 10, 9, 8. Y en los sistemas: iOS (iPad, iPhone, iPod) y Android (Chrome para Android).

Web Turn.js