Colorbox

2013 17 Giugno

«Colorbox è un piccolo plugin, configurabile, in stile lightbox per jQuery. Questo modulo consente di integrare Colorbox con Drupal.
Immagini, iframe, contenuto inline, ecc possono essere visualizzati in un overlay sopra la pagina attuale.»

Colorbox è un piccolo ma importante plugin che consente di visualizzare immagini e, in generale, qualsiasi contenuto HTML in un overlay personalizzabile.
Il modulo funziona come formatter quindi è facilmente configurabile nella pagina di configurazione della visualizzazione dei campi. È possibile scegliere il formato di immagine da visualizzare nel contenuto, nell'overlay, come raggruppare le immagini (per contenuto, per pagina, per un campo del contenuto, per un campo della pagina, personalizzato in base al valore dell'attributo "rel" e raggruppamento disattivato) e quale campo usare per la caption (automatico, attributo "title", attributo "alt", titolo del contenuto, personalizzato e nessuno).
Il modulo consente anche di attivare il caricamento di contenuti personalizzati tramite il plugin Colorbox, in particolare nella pagina di configurazione del modulo è possibile scegliere di attivare "Colorbox load" e/o "Colorbox inline". "Load" permette di caricare contenuti esterni (ad esempio un'altra pagina del sito o un url su un altro server), mentre "Inline" permette unicamente di caricare contenuti "inline", quindi già presenti nella pagina (solitamente si tratta di div già caricati ma nascosti, per essere poi visualizzati nell'overlay Colorbox cliccando su un apposito link). Nella pagina di configurazione di Colorbox sono forniti alcuni esempi specifici per l'utilizzo del plugin tramite le soluzioni "Load" o "Inline".
Le impostazioni di default di questo modulo sono per lo più idonee ad ogni contesto, ma, sempre nella pagina di configurazione del modulo, è possibile scegliere tra numerose impostazioni predefinite, tipi di effetti e regolare nel dettaglio alcune variabili come la velocità delle transizioni, la percentuale di trasparenza dell'overlay, le etichette e le dimensioni del contenuto dell'overlay.
È infine possibile regolare l'abbreviazione automatica del testo delle caption (in caso di problemi con il layout del proprio sito), su quali pagine attivare (o disattivare) il caricamento di colorbox e se usare la versione normale (utile in caso di siti in fase di sviluppo) o compressa (utile su siti in produzione) del plugin.

Il plugin JS deve essere scaricato a parte da github

Se non siete sicuri di voler usare Colorbox, date un occhiata a questa pagina su Drupal.org per meglio comprendere le differenze tra i vari plugin di tipo "lightbox" disponibili per Drupal.

Formato Colorbox
Impostazioni del formato Colorbox
Configurazione del modulo Colorbox (Extra features)
Configurazione del modulo Colorbox (Stile e opzioni predefinite)
Configurazione del modulo Colorbox (Opzioni personalizzate - 1)
Configurazione del modulo Colorbox (Opzioni personalizzate - 2)
Configurazione del modulo Colorbox (Opzioni personalizzate - 3)
Configurazione del modulo Colorbox (Impostazioni avanzate)
Configurazione del modulo Colorbox (Impostazioni abbreviazione caption)
Esempio di visualizzazione delle immagini con Colorbox