Drupal, visualizzare immagini con effetto Lightbox

Il modulo Lightbox2 consente di visualizzare immagini, ma anche video o semplici contenuti HTML, in un riquadro che si sovrappone in primo piano al contenuto senza che venga aperta una nuova finestra del browser.

In questo modo si può ad esempio consentire la visualizzazione della versione ingrandita di una immagine, senza costringere i visitatori a lasciare la pagina corrente e quindi essere costretti a tornarvi con il tasto "Indietro" del browser.

Il modulo è basato sullo script Lightbox di Lokesh Dhakar, ma è stato modificato per fare uso di jQuery: quindi, a differenza di quanto accade per moduli analoghi, una volta installato e attivato il modulo Drupal non è richiesta l'installazione manuale di alcuno script aggiuntivo.

Le opzioni di configurazione del modulo sono troppe per essere esaminate tutte in dettaglio. Mi limito ad un paio di esempi.

Quando si inserisce direttamente codice HTML in un contenuto, per fare sì che la versione originale di un'immagine ("immagine.jpg") si apra con effetto lightbox al click sulla.("immagine.thumbnail.jpg") scriveremo:

<a rel="lightbox" href="/sites/default/files/images/immagine.jpg">
<img src="/sites/default/files/images/immagine.thumbnail.jpg" /></a>

Si assume ovviamente che entrambi i file si trovino in "/sites/default/files/images/".

Quando si creano gallerie di immagini con il modulo Image, l'effetto lightbox può essere ottenuto automaticamente. In Amministra >> Configurazione del sito >> Lightbox2, selezionare "Automatic image handling" e nella sezione "Image node settings" impostare i parametri:

• Automatic handler for image nodes: "Lightbox grouped" (o "Slideshow" per ottenere la rotazione automatica di tutte le immagini nella galleria);
• Lightbox image display size: "Original";
• Image trigger size: "Thumbnail".

Ulteriori esempi sono disponibili nel file "README.txt" installato nella cartella del modulo.