Turn.js: effetto flip con jQuery ed HTML5
In questo breve articolo vi presento una libreria davvero interessantissima che consente di integrare, con facilità uno spettacolare effetto flip all'interno del nostro sito web. In sostanza, grazie a Turn.js, potremo "sfogliare" le pagine di un sito web come se fossero quelle di un libro creando l'effetto flipbook (libro sfogliabile).
Questo effetto, davvero spettacolare, si adatta perfettamente alla presentazione di libri, riviste e volantini ed è compatibile con tutte le versioni dei moderni browser (IExplorer 8+, Firefox, Safari, Chrome) nonché con i dispositivi mobili basati su iOS ed Android.
Turn.js: le basi
Per utilizzare questa libreria, per prima cosa, dobbiamo collegarci al sito web dell'autore e scaricare l'ultima release disponibile.
Una volta scaricato lo zip, decomprimiamolo e spostiamo il file turn.min.js all'interno della cartella del nostro sito.
Per utilizzare Turn.js è altresì necessario includere nelle nostre pagine web la libreria jQuery (è richiesta una versione pari o superiore alla 1.3).
Questo, quindi, il template di base della nostra pagina web:
<!DOCTYPE html>
<html>
<head>
<title>Il mio sito con effetto flip</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="turn.min.js"></script>
</head>
<body>
</body>
</html>
