Corsi on-line

Coverflow con Javascript

Personalmente mi piace molto il menu dell’iPod ed in generele il metodo di selezione di molti dispositivi Apple. Chi di voi dispone di un gadget della “mela morsicata” sicuramente sa di cosa sto parlando.
Tecnicamente si chiama effetto coverflow e consiste nello scorrimento orizzontale delle copertine (o più in genereale di immagini come, ad esempio, semplici icone) con quella selezionata in primo piano e le altre disponibili ai lati. Ecco un esempio tratto da iTunes:

Grazie a Javascript possiamo ricreare l’effetto coverflow anche sul nostro sito web (ottimo, ad esempio, per gallerie o menu) creando elementi di grande impatto visivo senza ricorrere ad Adobe Flash.
Di seguito vi propongo una breve selezione di script pronti all’uso:

1. ProtoFlow
Si tratta di un plugin per la libreria Prototype. Richiede Scriptacolous per funzionare.

2. Ajax SlideFlow
Ottimo script in Ajax per creare gallerie d’immagini con effetto cover flow.

3. jCoverFlip
Ottimo plugin per jQuery grazie al quale potrete creare bellissimi effetti cover flow in stile Apple. A questa pagina potete vedere una demo di jCoverFlip.

4. Image Flow
Un bel esempio di galleria di immagini con effetto coverflow. Utilizza jQuery.

5. MooFlow
Ottimo script per la creazione di gallerie di immagini con effetto coverflow. Richiede MooTools.

6. imageFlow
Ottimo script per la creazione di photogallery con effetto a scorrimento in stile coverflow. Lo script si compone di codice lato client (in puro Javascript) e di alcuni componenti PHP (richiede le GD library).

7. ContentFlow
Bellissimo script scritto in puro Javascript per la creazione di un effetto coverflow. Semplice da installare e non richiede alcuna libreria.

Post correlati
I più letti del mese
Tematiche