Questo test è un complemento al post (quasi) ononimo pubblicato su Come Quando Fuori Piove.
Propone un confronto tra lo script css per gestire una galleria di immagini chiamato Hoverbox e una sua implementazione HoverLightBox, presentata in due versioni, che combina - con intelligenza, ma esiti opinabili - Hoverbox e il famoso script js Lightbox.
Per ciascuno script sono linkati nella lista qui sotto il file di esempio originale - scaricato dai rispettivi siti web e facilmente riproposto su questo server - e un esempio implementato da me. I miei esempi non vanno a modificare quasi nulla - a parte le immagini usate per le gallerie. Alla fine servono a poco altro che a dimostrare la facilità d'uso degli script in questione.
Ecco qui, dunque:
Qualche breve commento:
Hoverbox secondo me è una soluzione splendida: solo css, leggera, pulita. Nathan nell'esempio non linka le immagini ad alta risoluzione (o altri file esterni) ma lo script prevede la cosa - e io nel mio esempio lo faccio. Avevo già scritto brevemente di Hoverbox qui (e di Hoverbox Menu qui).
Nel mio esempio ho modificato leggermente il file css, aumentando da 200 a 220 pixels le immagini "preview" - e quindi andando a modificare di conseguenza sia il loro posizionamento negativo assoluto, top e left, per mantenerle centrate rispetto alle sottostanti. E ho aumentato anche le distanze tra le thumbnails (andando a portare da 5 a 8px i margini tra "li").
HoverLightBox. L'idea è ottima: integrare la tecnica dei Suckerfish sliding menu (vedi questo articolo su A List Apart), Hoverbox e Lightbox. Andare oltre la preview di Hoverbox senza passare a una semplice nuova finestra per la visualizzazione dell'immagine a dimensioni maggiori. E gestire con Hoverbox gallerie multiple...
La prima versione di HoverLightBox usa LightBox versione 1. E fa un bell'effetto. (Da segnalare un bug di visualizzazione in IE per la galleria verticale, almeno a livello di codice incluso nell'esempio da scaricare).
La seconda versione di HoverLightBox usa LightBox 2. Conseguenze: il peso, drasticamente maggiore (che va ad aggiungersi a quello + o - inevitabile delle foto della gallery, e rende quindi l'uso dello script in contesti di produzione da valutare attentamente). E, sul versante positivo, un'interfaccia graficamente molto gradevole. E la possibilità di visualizzare, nel frame di Lightbox, una sequenza di immagini (senza dover chiudere e riaprire Lightbox ogni volta)
Ecco, è tutto.