NOTA BENE: Il Bloggatore ha rilevato dei problemi di collegamento con il blog indicato come fonte originale dell'articolo. Pertanto, al fine di consentire agli utenti di leggere questo articolo, se possibile, viene reso temporaneamente disponibile il post completo.
Tornano i tutorial su javascript e oggi vediamo Floom, un bellissimo slideshow di foto che utilizza la libreria mootools.
L’effetto è molto gradevole ed è semplicissimo da realizzare. Inoltre è supportato da tutti i browser, compreso anche Internet Explorer 6!
Prima di andare a vedere come realizzare lo slideshow, ti consiglio di scaricare i sorgenti, dalla pagina originale dello script.
Bene, cominciamo!
Passo 1 – Impostazioni PreliminariInserire le righe di codice tra i tag head necessarie per richiamare i vari script, e i fogli di stile css:
<script type="text/javascript" charset="utf-8" src="mootools-1.2.2-core.js"></script>
<script type="text/javascript" charset="utf-8" src="mootools-1.2.2.2-more.js"></script>
<script type="text/javascript" charset="utf-8" src="../Source/floom-1.0.js"></script>
<link rel="stylesheet" impostazioni dello slideshow, che puoi trovare nella pagina dell’autore dello script.
In passato ho parlato di altre tecniche per realizzare degli slideshow:
- CU3ER: Fantastico SlideShow 3D Di Foto In Flash (prima parte | seconda parte);
- Tutorial Jquery: Creare fantastici slideshow in 5 minuti;
- Supersized – Slideshow di Immagini a Schermo Intero
- Articolo precedente: Condividi musica su Twiter con Swift.fm
- Articolo successivo: Mischiare e Personalizzare le foto con FotoMix
SEGNALA / INVIA QUESTO POST:
Hai trovato questo articolo interessante? Iscriviti GRATIS ai nostri feeds!
