Creare slideshow per le nostre foto con Lightbox 2

A completamento del precedente post su Lightbox, ecco una delle principali funzioni introdotte con la seconda versione, la possibilità di creare delle slideshow per le nostre foto:

Anche in questo caso, l’effetto è di visualizzare l’immagine in primo, con in più la possibilità di sfogliare le varie foto con i pulsanti Previous e Next.

Vediamo come fare.

Integriamo Lightbox e Blogger

Per prima cosa, dovrete preparare il vostro blog per la visualizzazione delle immagini con Lightbox, troverete in questo post tutte le informazioni necessarie. Prima di creare le slideshow, vi consiglio di fare delle prove con le singole immagini, per essere sicuri che tutto funzioni come deve.

Pubblichiamo le immagini per la slide

Per creare una slideshow, inserite in un post le varie immagini che volete usare seguendo le spiegazioni date nel precedente post. Unico cambiamento sarà l’attributo Rel che conterrà il nome (che dovrà essere univoco) della slide:

In questo caso ho dato il nome kitty alla slide, inserendolo tra parentesi quadre dopo la parola lightbox. Tutte le immagini della slide dovranno avere specificato lo stesso nome.

Una volta inserite le immagini con il Rel appropriato, pubblicando il post sarà possibile vedere la slide in azione:

I pulsanti Prev (precedente, visibile nella foto) e Next (successivo) permetteranno la navigazione tra le immagini, mentre sotto sarà possibile vedere quante sono. Potete vederne un esempio in azione qui, cliccando su una delle immagini sotto IMAGE SET.

Inserire la slide in un widget

E’ possibile inserire la slide in un widget anzichè in un post, basta semplicemente creare prima il post (sistemando bene la posizione e le dimensioni delle immagini) e poi copiarne il codice HTML (Modifica HTML se utilizzate l’editor online di Blogger per scrivere il post, o Visualizza->Codice HTML se usate Windows Live Writer) in un elemento di tipo HTML/Javascript. A quel punto potete anche non pubblicare il post o cancellarlo.

Condividi su Facebook, Twitter o Google Buzz:

Per ricevere direttamente in posta i nuovi articoli, inserisci il tuo indirizzo email:

oppure puoi iscriverti al feed per tenerti sempre aggiornato sui nuovi contenuti del blog!
Per maggiori informazioni sui feed, clicca qui!