La forza del sogno è quella di disegnare qualcosa
dove gli altri vogliono essere.
Oggi vi presento un plugin di jQuery realizzato da OpenStudio che permette di realizzare gallerie di file multimediali miste con immagini, video (formato flv) e audio (formato mp3).
Chiaramente ispirato dal famoso effetto “coverflow” di iTunes, jQuery Multimedia Portfolio è un semplice effetto che permette di realizzare gallerie che l’utente può scrollare usando una scrollbar presente sotto alle anteprime.
Il plugin automaticamente riconosce il tipo di file multimediale. Quando l’utente fa click su un’immagine utilizza un’altro script Thickbox che permette di vedere l’immagine in una finestra modale come il plugin Lightbox presentato in un’altro articolo. Mentre facendo click su un video o audio lo riproduce con il player adatto.
Per utilizzarlo in una documento html inserire all’interno dei tag <head> i collegamenti al foglio di stile del plugin e ai file JavaScript:
<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.dimensions.js" type="text/javascript"></script> <script src="js/ui.mouse.js" type="text/javascript"></script> <script src="js/ui.slider.js" type="text/javascript"></script> <script src="js/jquery.multimedia-portfolio.js" type="text/javascript"></script>
Nel <body> del documento è sufficiente aggiungere una semplice lista html di media:
Nell’elemento della lista è possibile inserire un’immagine:
un video in formato flv e audio in formato mp3:
Questo è un esempio completo è preso dal codice della demo dell’autore:
upnews.it
luglio 20th, 2008 alle 22:19
jQuery Multimedia portfolio: galleria di file multimediali…
Chiaramente ispirato dal famoso effetto “coverflow” di iTunes, jQuery Multimedia Portfolio è un semplice effetto che permette di realizzare gallerie di file multimediali miste con immagini, video (formato flv) e audio (formato mp3) che l’utente …
diggita.it
luglio 20th, 2008 alle 22:23
jQuery Multimedia portfolio: galleria di file multimediali…
Chiaramente ispirato dal famoso effetto “coverflow” di iTunes, jQuery Multimedia Portfolio è un semplice effetto che permette di realizzare gallerie di file multimediali miste con immagini, video (formato flv) e audio (formato mp3) che l’utente …
Nel corso degli anni ho acquisito una vasta esperienza nella progettazione e realizzazione in ambito siti e applicazioni web, ma continuo ad approfondire le mie conoscenze e a sperimentare, per migliorarmi e seguire l'evoluzione di Internet.
Mi occupo delle nuove tecnologie di sviluppo sul Web/Internet, con particolare attenzione ad Ajax, Web2.0, jQuery, PHP.
Ulteriori conoscenze da esperienze lavorative:
Francesco Gavello
luglio 26th, 2008 alle 10:38
E’ molto bella l’interazione che ha con i diversi media contenuti: non è sicuramente un lavoro banale da implementare