mercoledì 4 febbraio 2009

Gallerie di immagini in Ajax stile Lightbox, un elenco completo

[Su segnalazione aggiorno e completo l'elenco - 09/11/2010]

Un elenco completo (o quasi) di gallerie di immagini in Ajax (stile Lightbox o Lightbox clone)


Gallery per sole immagini


Colorbox - un bellissimo plugin per jQuery che permette agli utenti di creare una lightbox personalizzata unica per il loro progetto, e che promuove l'accessibilità, gli standard W3C e le pratiche corrette di programmazione.

Framework: jQuery
Visualizza: immagini
Ultimo aggiornamento: 05/2011


Fullsize - un plugin jQuery per la visualizzazione delle immagini che si basa sull'attributo "fullsize" per il tag <img>. Si tratta di un attributo non standard, ma i creatori di questo plugin si augurano che venga preso in considerazione dal w3c e che venga inserito nella prossima versione di HTML.

Framework: jQuery
Visualizza: immagini
Ultimo aggiornamento: 07/2009

Slimbox - una versione leggera dell'originale Lightbox, costruita su mootools
Framework: Mootools.
Visualizza: immagini
Ultimo aggiornamento: 01/2009

Slimbox 2 - una nuova versione della ottima Slimbox, costruita su jQuery
Framework: jQuery
Visualizza: immagini
Ultimo aggiornamento: 01/2009

Popbox - uno script che permette non solo lo zoom sulle immagini, ma anche di rimpicciolirle, spostarle, stirarle, ecc. Le funzionalità sono molte ed interessanti, peccato per il codice non completamente standard.
Framework: none
Visualizza: immagini
Ultimo aggiornamento: 09/2008

Fancyzoom - molto gradevole esteticamente, questa lightbox non si basa su librerie esterne. Tra le funzionalità, il ridimensionamento automatico delle immagini, preload in background, disegna una gradevole ombra sotto all'immagine zoomata.
Framework: nessuno
Visualizza: immagini
Ultimo aggiornamento: 08/2008

WeebBox - un clone molto carino che visualizza singole immagini, gallerie e slideshow automatici
Framework: Prototype, Scriptaculous
Visualizza: immagini
Ultimo aggiornamento: 06/2008

Lightbox 2.04 - l'originale, di Lokesh Dhakar, è uno "script semplice e non-intrusivo, usato per sovrapporre delle immagini alla pagina corrente. E' semplice da installare e funziona su tutti i browser moderni".
Framework: prototype, scriptaculous
Visualizza: immagini (con effetti di transizione)
Ultimo aggiornamento: 03/2008

jQuery Lightbox - una versione di Lightbox 2 solo per immagini costruita sulla libreria jQuery. Abbandonato dall'autore, gestito ora come un progetto "Google code".
Framework: jQuery
Visualizza: immagini
Ultimo aggiornamento: 09/2007

Lightbox ++ - basata sulla Lightbox originale, ma fornisce maggiori opzioni tra cui la possibilità di modificare le dimensioni dell'immagine in base alle dimensioni della finestra del browser.
Framework: none
Visualizza: immagini
Ultimo aggiornamento: 04/2007

Litebox - una versione ridotta di Lightbox, che usa la libreria moo.fx e prototype-lite. Una buona scelta quando il peso della pagina è importante.
Framework: Prototype Lite, moo.fx
Visualizza: immagini
Ultimo aggiornamento:
07/2006

TripTracker - uno slideshow completo e funzionale anche se sicuramente migliorabile. A pagamento.
Framework: nessuno
Visualizza: immagini in sequenza
Ultimo aggiornamento: 2006

Interface Imagebox - un altro dei numerosi cloni di lightbox, senza particolari caratteristiche se non un siverso posizionamento dei pulsanti 'prev' e 'next'
Framework: jQuery
Visualizza: immagini in sequenza
Ultimo aggiornamento:



Gallery per immagini e altri oggetti (animazioni, codice html, ecc)



Clearbox - è un visualizzatore professionale ed elegante di immagini e contenuti creato da kreatura. 
Framework: jQuery
Visualizza: immagini, html, swf, video e contenuto in linea.
Ultimo aggiornamento: 06/2011


Fancybox - un altro bellissimo clone di lightbox, dalla grafica e dall'animazione accattivante. Visualizza immagini, iframe e contenuto in linea. Usa un sistema pngfix per visualizzare un'ombra sotto il contenuto zoomato. Veramente ricco di opzioni.
Framework: jQuery
Visualizza: immagini, html, swf, iframe, ajax e contenuto in linea.
Ultimo aggiornamento: 11/2010

piroBox - un'altra interessante versione di lightbox per jQuery. Permette di scegliere tra 5 stili diversi, ha l'opzione slideshow e galleria, pngfix, navigazione da tastiera, controllo link non funzionanti, riposizionamento automatico nella finestra del browser. Attenzione, è una versione beta e non supporta completamente IE6.
Framework: jQuery
Visualizza: immagini, inline html, content/html, swf
Ultimo aggiornamento: 05/2010 


prettyPhoto - prettyPhoto è un jQuery lightbox clone. Non supporta solo immagini, ma anche video, flash, Youtube e iframe. E' molto semplice da configurare, molto flessibile. E' compatibile con tutti i browser più diffusi, compreso IE6. Viene rilasciato con delle API che consentono di lanciare prettyPhoto anche da Flash! Inoltre, è molto gradevole graficamente, e dispone di ben 5 temi già pronti.
Framework: jQuery
Visualizza: immagini, video, flash, youtube, iframe
Ultimo aggiornamento: 2010

nyroModal - l'autore spiega di aver realizzato questo plugin per jQuery per permettere agli utilizzatori la massima semplicità e facilità nella personalizzazione sia del CSS (per l'aspetto) sia delle animazioni di transizione. Numerosi i settaggi possibili.
Framework: jQuery
Visualizza: immagini, gallery, ajax, form, iframe, inline
Ultimo aggiornamento: 02/2010

jqModal - un semplice framework per modal windows (finestre modali), leggero, potente e flessibile. Alcuni esempi di jqModal sono visibili qui.
Framework: jQuery
Visualizza: immagini, ajax, contenuto inline e iframe
Ultimo aggiornamento: 03/2009

Fancyzoom by John Nunemaker - come dice lo stesso autore, basata sulla fancyzoom originale. Però supporta qualsiasi html. Non male.
Framework: jQuery
Visualizza: immagini, testi, titoli, flash
Ultimo aggiornamento:


Milkbox - un clone di lightbox basato sulla libreria mootools 1.2, che include numerose features tra cui l'autoplay e il supporto di filmati swf.
Framework: Mootools 1.2
Visualizza: immagini e swf
Ultimo aggiornamento:

Highslide JS - uno script molto gradevole graficamente, con animazioni veloci e realistiche, per la visualizzazione di immagini e altri oggetti, che differisce dalle tradizionali lightbox in quanto non impedisce all'utente di scrollare la pagina in cui è contenuta. Degrada bene e non necessita di framework addizionali. Gratuito solo per uso personale.
Framework: none
Visualizza: immagini, html, flash, form, iframe
Ultimo aggiornamento: 02/2009

Lightview - script a pagamento, molto gradevole esteticamente, che permette di visualizzare immagini, video e molto altro. Molto veloce, con ridimensionamento automatico delle immagini, possibilità di creare gallerie di immagini.
Framework: Prototype, Scriptaculous
Visualizza: immagini, swf, video, html, ecc
Ultimo aggiornamento: 12/2008

Floatbox - ottimo script, funzionale, cross-browser e graficamente ineccepibile, che permette di visualizzare tutto o quasi... peccato per il codice non completamente standard.
Framework: nessuno
Visualizza: tutto
Ultimo aggiornamento: 12/2008

Sexy Lightbox 2 - anche questo script molto bello graficamente, diverso dal solito, più "informale". Permette di visualizzare immagini jpeg e gif animate, oltre a codice html, iframe, contenuto ajax. Disponibile in versione bianca e in versione nera.
Framework: mootools
Visualizza: immagini, html, iframe
Ultimo aggiornamento: 10/2008

Smoothbox - è la conversione di Thickbox, di cui mantiene le caratteristiche, per il framework mootools
Framework: mootools
Visualizza: immagini, html, iframe, ajax content
Ultimo aggiornamento: 06/2008

iBox - uno script semplice e superleggero che può visualizzare immagini, div, pagine esterne, senza effetti di transizione
Framework: nessuno
Visualizza: immagini, html, iframe, ecc
Ultimo aggiornamento: 2008

Multibox - un bellissimo clone di lightbox basato su mootools che visualizza immagini, flash, video, mp3s, html.
Framework: Mootools 1.11
Visualizza: immagini, html, swf, ecc

Shadowbox 2 - gradevole script che permette di visualizzare tutti i più diffusi media del web (immagini, video, flash, html, ecc). Può essere utilizzato in modalità standalone o con una qualsiasi delle più diffuse librerie javascript.
Framework: tutti e nessuno
Visualizza: tutto
Ultimo aggiornamento: 2008

Facebox - una finestra modale simile a quelle di Facebook, un lavoro interessante e graficamente gradevole.
Framework: jQuery
Visualizza: immagini, iframe e contenuto in linea.
Ultimo aggiornamento: 2007/2008

Lytebox - interessante anche se non aggiornato clone dell'originale Lightbox, scritto al fine di non appoggiarsi sulle librerie prototype e scriptaculous, e di aggiungere al contempo nuove funzionalità alla lightbox, tra cui scorrimento automatico e supporto di altri media oltre alle immagini
Framework: nessuno
Visualizza: immagini, html, iframe, form
Ultimo aggiornamento: 10/2007

YUI Based Lightbox - una lightbox spartana scritta sulle librerie Yahoo User Interface
Framework: YUI Library
Ultimo aggiornamento: 08/2007

Thickbox - script spartano che si basa sulla libreria jQuery. La sua funzione è quella di mostrare una singola immagine, più immagini, contenuto html inline, iframe, o altro contenuto passato via Ajax, senza transizioni.
Framework: jQuery
Visualizza: immagini (nessuna transizione ma ridimensiona l'immagine se è più grande della finestra del browser), contenuto html, iframe o contenuto passato via ajax.
Ultimo aggiornamento: 08/2007

Clearbox - uno script standalone con un effetto molto carino, peccato per il caricamento un po' lento delle immagini
Framework: nessuno
Visualizza: immagini, iframe, flash, html

Prototype Windows - una alternativa diversa alla classica lightbox, questo script permette di aggiungere delle finestre tipo popup ma con effetti grafici gradevoli e accattivanti
Framework: Prototype, Scriptaculous
Visualizza: html

LightWindow - visualizza qualsiasi tipo di contenuto.
Framework: Prototype, scriptaculous
Visualizza: tutto
Ultimo aggiornamento: 2007

Modalbox - uno script che permette di visualizzare in modo creativo delle finestre di dialogo, contenenti testo, oppure form o immagini
Framework: Prototype, Scriptaculous
Visualizza: ajax content
Ultimo aggiornamento: 2007

GreyBox Redux - non-intrusiva e leggerissima versione dell'originale GreyBox (ora abbandonata). Gli effetti sono comunque poveri e appaiono delle sgradevoli barre di scorrimento. Carina l'header per le gallery di immagini.
Framework: jQuery
Visualizza: immagini, html ecc.
Ultimo aggiornamento: 10/2006

Frontbox - script datato che non si basa su nessun framework, degrada bene, è leggero, supportato da molti browser, e mostra immagini, html, contenuto ajax e div nascosti.
Framework: nessuno
Visualizza: immagini, html, ajax-served, div nascosti
Ultimo aggiornamento: 09/2006

Multi-faceted Lightbox - semplice finestra modale basata su prototype, che offre una varietà di opzioni per i differenti tipi di contenuto caricabili al suo interno.
Framework: prototype
Visualizza: immagini, div, stringhe, ajax
Ultimo aggiornamento: 03/2006

Leightbox - molto simile a Lightbox Gone Wild eccetto per il fatto che Leightbox mantiene il contenuto in html, ma nascosto alla vosta, così che possa essere indicizzato dai motori di ricerca. Da non sottovalutare. Peccato per la mancanza di aggiornamenti e di "abbellimenti" grafici.

Lightbox Gone Wild! - uno script datato e senza effetti di sorta, che può essere utilizzato per fornire informazioni addizionali, mostrare una immagine o un form.
Framework: prototype
Visualizza: immagini, html, form, ecc
Ultimo aggiornamento: 02/2006



Articolo originale nonchè spunto di questo post: Fortysomething.ca
Un "motore di ricerca" per cloni di lightbox:
The LightBox Clone Matrix
Qualcosa di diverso, una lightbox inline: jQuery Popeye

3 commenti:

Anonimo ha detto...

Non per criticare, solo per evitare ad altri di perdere lo stesso tempo che ci ho perso io: l'articolo di riferimento è datato ottobre 2007 e molti degli script recensiti sono rimasti lì e non sono + degni di nota...ora si trova di meglio x compatibilità ed efficenza! Un'esempio: http://www.phatfusion.net/lightbox/

elisa.cucco ha detto...

Dopo la tua osservazione, ho aggiornato e completato l'elenco.

Ciao!

MyDyingBrain ha detto...

Graaandeee! Mitica. Grazie! :D

Posta un commento