Il lightbox è uno script che permette di visualizzare immagini e gallerie fotografiche senza ricaricare la pagina. Grazie alla facilità di utilizzo e all’elegante design, il lightbox si è diffuso velocemente in tutto il web, decretando la fine delle ormai obsolete finestre popup.
L’evoluzione del lightbox
Nel corso degli ultimi anni sono stati sviluppati numerosi cloni ispirati a lightbox. Le principali modifiche apportate dai cloni sono: dimensioni e tempi di caricamento ridotti, possibilità di visualizzare iframe, FLASH, HTML, AJAX, PDF, filmati QuickTime e audio.
Alcune considerazioni sulle info presenti nella lista seguente:
Su Aspetti positivi e Aspetti negativi di ciascun lightbox, preciso che la dimensione del javascript è data dalla somma delle librerie integrate (ad esempio Mootools, jQuery, Prototype, etc…) più lo script che fa funzionare il lightbox.
Inoltre, per Ridimensionamento intelligente delle immagini, si intende la funzione che hanno alcuni lightbox nel riconoscere le dimensioni della finestra e di ridimensionare gli elementi di conseguenza.
Highslide
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica elegante e facilmente modificabile tramite CSS, ridimensionamento intelligente delle immagini
- Facile implementazione
- Documentazione estesa e ben organizzata
- Dimensioni ridotte del javascript (da 8.5k a circa 70k)
Aspetti Negativi
- Nella galleria fotografica a volte non appaiono i pulsanti per andare avanti ed indietro
ShadowBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica estremamente elegante, ridimensionamento intelligente delle immagini
- Documentazione estesa e ben organizzata
- Presente forum per l’assistenza e la risoluzione di problemi
- Possibilità di integrarlo con jQuery, Prototype, Mootools, YUI, ExtJS e Dojo
- Dimensioni ridotte del javascript (dipende dal numero di funzioni che si vogliono implementare e dalla libreria scelta)
Aspetti Negativi
- L’implementazione a volte può risultare problematica
Sexy Lightbox2
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Come dice il nome, grafica molto…sexy, inoltre supporta il ridimensionamento intelligente delle immagini
- Facile da installare
– Possibilità di implementare jQuery e Mootools
– Dimensioni medie del javascript (117k)
Aspetti Negativi
– Mancanza di un forum specifico sull’argomento
– Non possiede la stessa versatilità di highslide e shadowbox
GreyBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica leggera, particolarmente adatta a siti con una grande mole di utenti
- Molto semplice da installare
- Possibilità di implementare jQuery
- Presenza di un supporto tecnico su Google group
- Dimensioni estremamente ridotte del javascript (25.5k)
Aspetti Negativi
- Grafica scarna (anche se, a seconda delle esigenze, può diventare un punto di forza)
LightWindow
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica molto elegante e funzionale, effetto grafico estremamente fluido, ridimensionamento intelligente delle immagini
- Implementazione molto semplice
- Presente forum per la risoluzione dei problemi
Aspetti Negativi
- Dimensioni elevata del javascript (228.7k)
BumpBox
Aspetti Positivi
- Supporto per immagini, iframe, HTML, FLASH e PDF
- Grafica elegante e funzionale, dispone di un bell’effetto grafico durante l’apertura degli elementi
- Integrazione con Mootools 1.2
- Dimensioni medie del javascript (95k)
Aspetti Negativi
– Nessun supporto per galleria di immagini
– Pare che non sia disponibile documentazione approfondita
ColorBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica elegante e funzionale, dispone di diversi effetti grafici durante l’apertura degli elementi
- Integrazione con jQuery
- Buona documentazione
- Dimensioni medie del javascript (113k)
Aspetti Negativi
- A volte gli effetti grafici non sono fluidi
- Per implementare il codice non sono riportate istruzioni precise, bisogna per forza guardare il codice degli esempi
- Assente un forum per il supporto tecnico
PrettyPhoto
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Grafica molto elegante e funzionale, effetto grafico piuttosto fluido, ridimensionamento intelligente delle immagini
- Possibilità di scegliere il theme da utilizzare (4 theme disponibili)
- Implementazione molto semplice
- Integrazione con jQuery
- Presente forum per la risoluzione dei problemi
- Dimensioni medie del javascript (106k)
Aspetti Negativi
-
ThickBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe e HTML
- Semplice implementazione
- Integrazione con jQuery
- Presente forum per la risoluzione dei problemi
- Dimensioni medie del javascript (105.3k)
Aspetti Negativi
- Grafica scarna
- Nessun supporto per FLASH
FaceBox
Aspetti Positivi
- Supporto per immagini, HTML
- Grafica ispirata a facebook
- Semplice implementazione
- Integrazione con jQuery
- Dimensioni medie del javascript (100.2k)
Aspetti Negativi
- Mancanza supporto per galleria fotografica, iframe e FLASH
- Nessun supporto tecnico
FancyZoom
Aspetti Positivi
- Supporto per immagini
- Grafica elegante con ombreggiature ed un bell’effetto speciale, ridimensionamento intelligente delle immagini
- Semplice implementazione
- Possibilità di integrazione sia con jQuery sia con Prototype
- Dimensioni ridotte del javascript (35k)
Aspetti Negativi
- Mancanza supporto per galleria fotografica, HTML e FLASH (l’integrazione di HTML e FLASH è disponibile solo se si integra la libreria jQuery o Prototype, clicca qui per la versione con jQuery e qui per la versione con Prototype)
- Nessun supporto tecnico
FancyBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe e HTML
- Grafica semplice ed elegante, ridimensionamento intelligente delle immagini
- Semplice implementazione
- Integrazione con jQuery
- Buona documentazione
- Dimensioni medie del javascript (103.6k)
Aspetti Negativi
- Mancanza supporto per FLASH
- I tasti per andare avanti ed indietro nella galleria fotografica non sono molto intuitivi
iBox
Aspetti Positivi
- Supporto per immagini, iframe, HTML e FLASH
- Ridimensionamento intelligente delle immagini
- Semplice implementazione
- Buona documentazione
- Dimensioni ridotte del javascript (23.7k)
Aspetti Negativi
- Non supporta la galleria fotografica
- Grafica piuttosto scarna, mancanza di effetti speciali
ImageZoom
Aspetti Positivi
- Supporto per immagini e galleria fotografica
- Grafica elegante, effetto grafico piuttosto fluido
- Implementazione molto semplice
- Integrazione con Mootools
- Buona documentazione
- Dimensioni medie del javascript (102.4k)
Aspetti Negativi
- Nessun supporto per HTML, iframe e FLASH
LightView
Aspetti Positivi
- Supporto per immagini, galleria fotografica, iframe, HTML e FLASH
- Estremamente elegante graficamente, effetti speciali fluidi (anche se le prestazioni possono variare a seconda del computer), ridimensionamento intelligente delle immagini
- Implementazione semplice
- Buona documentazione
Aspetti Negativi
- Dimensioni elevate del javascript (28k ai quali vanno aggiunti 165k per Prototype + Scriptaculous)
- A pagamento per l’implementazione su siti non commerciali
MultiBox
Aspetti Positivi
- Supporto per immagini, galleria fotografica, audio, iframe, HTML e FLASH
- Grafica molto elegante e funzionale, effetto grafico fluido
- Integrazione con Mootools
- Dimensioni ridotte del javascript (56k)
Aspetti Negativi
- Le istruzioni per implementarlo non sono molto chiare
- Al momento non è disponibile nessun forum su questo lightbox
LighterBox
Aspetti Positivi
- Supporto per immagini
- Dimensioni estremamente ridotte del javascript (4.4k)
Aspetti Negativi
- Nessun supporto per galleria di immagini, iframe, HTML e FLASH
- Grafica scarna e mancanza di effetti speciali
MediaBoxAdvanced
Aspetti Positivi
- Supporto per immagini, galleria fotografica, audio, iframe, HTML e FLASH
- Grafica elegante e funzionale, effetto grafico fluido, ridimensionamento intelligente degli elementi
- Integrazione con Mootools
- Presente un group su Google per la risoluzione dei problemi
- Dimensioni media del javascript (111.5k)
Aspetti Negativi
- Implementazione leggermente piu complicata degli altri lightbox
ModalBox
Aspetti Positivi
- Buona documentazione
Aspetti Negativi
- Grafica scarna ed effetti speciali a volte scattosi
- Dimensione elevata del javascript (187.6k)
- Supporta solo AJAX
PiroBox
Aspetti Positivi
- Supporto per immagini e galleria fotografica
- Box dalla grafica elegante, ridimensionamento intelligente degli elementi
- Semplice implementazione
- Integrazione con jQuery
- Dimensioni medie del javascript (113.7k)
Aspetti Negativi
- Non supporta iframe, HTML e FLASH
- Gli effetti speciali a volte sono scattosi, ed i tasti della galleria fotografica sono poco intuitivi
Franco