Blog su Wordpress, Web Design, Web Development e Seo

Ormai diffusissimo, l’ effetto Page Peel è effettivamente molto utile per sfruttare poco spazio ma avere un’ ottima visibilità.

Quasi sempre lo si vede in flash, ma oggi vi presento la versione jQuery + Css.

Il tutto funziona con IE7, io l’ ho testato su Firefox , Chrome e Opera, versioni varie, e non dà nessun tipo di problema.

Qui potete scaricare tutto il codice.

L’ installazione è molto semplice:

• Bisogna scaricare le librerie jQuery e jQuery UI
• Creiamo poi una cartella che chiamaremo ad esempio turn
• Inseriamo nella nostra pagina il codice

• Aggiungiamo l’ immagine che resterà sempre almeno parzialmente visibile

• Infine la funzione che genera l’ effetto, inserendo prima di il codice

Lo script può essere facilmente personalizzabile, modificando il codice:

// Default awesomeness
var defaults = {
directory: 'turn', // La directory che contiene le librerie
javascript
side: 'left', // destra o sinistra
turnImage: 'fold.png', // l' immagine a forma di triangolo
maxHeight: 400, // La massima altezza
startingWidth: 80, // Larghezza iniziale
startingHeight: 80, // Altezza iniziale (these should probably
be camelCase, d'oh.)
autoCurl: false // Movimento automatico o manuale
};