Leggerai questo articolo in: 1 minuti

Questa mattina vi segnalo questo incredibile template rilasciato da tympanus, si tratta di un sito che mostra alcuni album discografici a forma di cd.

Circular Discography Template – Download gratuito.
Circular discography template

Scorrendo gli album quando si clicca sui tasti successivo o precedente avviene una rotazione del cd. Quando si effettua un click su un album, si aprirà la vista album dettagli che contiene un lettore musicale (jPlayer) e una lista di brani da ascoltare. Vi è anche una zona di descrizione dove è possibile inserire del contenuto con possibilità di scroll.

Analizziamolo meglio:

Per ottenere questo risultato sono stati utilizzati i seguenti plugin jQuery:
jQuery Easing Plugin
jScrollPane
jQuery 2D Transformation Plugin
jPlayer

Inizialmente viene mostrata una icona di caricamento e l’anteprima del primo album. Si notano le frecce per scorrere gli album poste sulla diagonale.

Circular discography template

Quando facciamo click sulle frecce di navigazione l’album ruota e si ha un effetto fade.

Circular discography template

Quando facciamo click su un album, possiamo vedere i dettagli di quell’album, alcune canzoni da ascoltare grazie al jPlayer e una descrizione dei contenuti.

Circular discography template

Spero ti sia piaciuto e ti risulti utile per qualche lavoro.

Visualizza una demo da qui.
Download gratuito da qui.

[adsense]