Mr. Webmaster Menu
  • Home
  • Cerca
  • Didattica
    • A
    • Android
    • Apache
    • Apple
    • ASP
    • ASP.Net
    • C
    • Cloud
    • CMS
    • CSS
    • D
    • Database
    • E
    • Editor
    • G
    • Grafica
    • H
    • Hosting
    • HTML
    • J
    • Java
    • Javascript
    • jQuery
    • L
    • Leggi e Fisco
    • Linux
    • M
    • Mobile
    • MySQL
    • N
    • NET Framework
    • P
    • Photoshop
    • PHP
    • Primi Passi
    • Programmazione
    • R
    • Reti
    • Ruby
    • S
    • Sicurezza
    • Social Media
    • SQL
    • W
    • Web Design
    • Web Marketing
    • Web Server
    • Windows
    • WordPress
    • X
    • XML
    • Di tendenza
    • Android Studio
    • Bootstrap
    • Cookie Law
    • Hosting Wordpress
    • Node.js
    • Registrazione Domini
  • Download
    • Software
    • Script
    • Plugin CMS
    • Flash Movies
    • Sound Loops
    • Templates
    • Web Grafica
    • Font Gratis
  • Risorse
    • SEO Tools
    • WebApps
  • News
  • Blog
  • Forum
  • Network
    • Toolset.it
    • SiteMarket.it
    • Codalo.it
  • Corsi on-line
Mr. Webmaster → jQuery → Articoli → Turn.js: effetto flip con jQuery ed HTML5

Turn.js: effetto flip con jQuery ed HTML5

  • CommentaScrivi un commento
  • ForumDiscuti sul forum
  • SuccessivoTurn.js: effetto flip con jQuery ed HTML5
    Pagina 2 di 4
  • Pubblicato il
  • 28/06/2013
  • Autore
  • Massimiliano Bossi

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

Turn.js

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.

flipbook

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>
  • 1
  • 2
  • 3
  • 4
  • →

Naviga tra i contenuti

←Le novità di jQuery 1.7
→Un news ticker con jQuery e vTicker
Sponsor

Commenti

I commenti sono sottoposti alle linee guida di moderazione e prima di essere visibili devono essere approvati da un moderatore.
  • Facebook
  • Twitter
  • Google+
  • YouTube
  • App Android
  • App iOS
  • Feed RSS
Frequenta i nostri corsi
  • Corso JavascriptCorso Javascript
    Creare pagine web ed interfacce utente interattive. A partire da 39 €
  • Corso jQueryCorso jQuery
    Creare applicazioni client-side col Framework jQuery. A partire da 39 €
Vedi anche...
  • jQuery scroll to DIV: scrolling di pagina animato
  • Manipolare l'aspetto e la posizione degli elementi con jQuery
  • La event delegation in jQuery
  • Il metodo .each() di jQuery
  • Metodi jQuery per filtrare la selezione degli elementi
Guide
  • Guida jQuery
  • Guida jQuery UI
Mr. Webmaster
  • RSS
  • Contattaci
  • Torna su
IKIweb
© 2003 - 2018 Mr. Webmaster
Mr. Webmaster ® è un marchio registrato.
E' vietata ogni forma di riproduzione.
IKIweb Internet Media S.r.l. - P.IVA 02848390122

Parliamo di noi: chi siamo / cronologia
Contatti: pubblicità / contattaci / segnala abusi
Note Legali: info legali / privacy / cookie
Altro: extra / sondaggi / sitemap