|
|
Tutti i cloni di Lightbox JS
Nelle pagine del mio sito uso uno script per la caratteristica di visualizzare le immagini a tutta pagina cliccando sulle miniature. Lo script, in tutte le sue varianti, è utilizzatissimo su Internet, ma in realtà ne esistono molte varianti, che offrono caratteristiche diverse per necessità diverse. Clicca sull'immagine qui sotto per capire di che sto parlando: 
In questa pagina riporto i risultati delle mie ricerche su tutti i cloni di Lightbox e le loro caratteristiche. Questa ricerca è stata utile per lo sviluppo di un plugin di MODx che utilizza questo script, come spiego in un altro post.
La prima versione dello script è stata creata da Lokesh Dhakar e si chiama Lightbox. Attualmente alla versione 2,
questo script da allora è stato utilizzato in maniera massiva da molti
web designer. La versione 1 è ancora usata da qualche sito, perché non
dipende da nessuna libreria JavaScript, mentre la versione 2 dipende da prototype e script.aculo.us. Autore: Lokesh Dhakar. Licenza: della
versione 1 non si capisce, la versione 2 ha licenza Creative Commons
Attribution 2.5. | Questo script, estensione di Lightbox JS,
aggiunge ad esso la possibilità di caricare, via AJAX, intere pagine html dentro il
Lightbox. Utilizza prototype. Autore: Chris Campbell. Licenza: Creative
Commons Attribution 2.5 | | Lighbox+
è nato dalla versione 1 di Lightbox JS e offre alcune caratteristiche
della versione 2 evitando, però, di utilizzare librerie esterne.
Permette di avere gruppi di immagini e ridimensiona l'immagine
ingrandita in modo che non sia più grande della finestra su cui viene
visualizzata. Non ha supporto per le animazioni. A me (Firefox 2.0 su
Linux) alcune caratteristiche non funzionano, come lo zoom e il drag
dell'immagine ingrandita. Autore: Takuya Otani. Licenza: ?. | Basandosi sull'idea che tutto il testo
visualizzabile dalla pagina dovrebbe essere contenuto all'interno della
pagina stessa (ad esempio per i motori di ricerca o visibili a utenti
che hanno un lettore di schermo), Leightbox offre le caratteristiche di Lightbox Gone Wild, ma senza usare AJAX. Autore: Simon de Haan. Licenza: ?. | | Slimbox
offre le stesse funzionalità di Lightbox, animazioni comprese,
sfruttando però la libreria mootools. Questo è necessario in quei siti che sfruttano CMS o altri tool che obbligano all'uso di un particolare framework JavaScript (Prototype o mootools), le librerie di questo genere, infatti, spesso non possono essere usate contemporaneamente. Nel mio sito uso Slimbox, perché MODx (il CMS in cui il mio sito è sviluppato) sfrutta la libreria mootools. Autore: Christophe Beyls. Licenza:
MIT. | Questa versione
estende le funzionalità di Slimbox, dotandolo della possibilità di
visualizzare contenuti di altre pagine all'interno del box (iframe).
Autore: Yukio Arita. Licenza: MIT. | | GreyBox
aggiunge la funzionalità di visualizzare il contenuto di un'intera
pagina all'interno del box (iframe). Nel sito, ad esempio, viene
mostrato come inserire il contenuto della pagina di Google all'interno
di un GreyBox. Autore: Orangoo Labs (Amir Salihefendic). Licenza:
"OpenSource" (GPL?). | Questa variante di GreyBox
è molto più piccola (1.2kB, rispetto ai 12kB del GreyBox originale). Il
sito è molto spartano e non si capisce se offre altre funzionalità
oltre alla possibilità di mostrare iframe. Autore: Amir Salihefendic.
Licenza: ?. | | ThickBox
è scritto utilizzando la libreria jQuery e offre le seguenti
caratteristiche: ridimensionamento dell'immagine ingrandita per non
farla essere più grande della finestra del browser, mostra immagini,
contenuto inline, iframe e anche risposte AJAX. Non offre animazioni,
ma questa è considerata dall'autore una feature. Autore: Cody Lindley.
Licenza: MIT, GPL. | SmoothBox è un clone di ThickBox che offre le stesse potenzialità ma usando la libreria mootools. Come ThickBox non contiene animazioni. Autore: Boris Popoff. Licenza: ? (MIT?). | |
ModalBox,
che usa le librerie Prototype e script.aculo.us, offre la possibilità
di avere finestre di dialogo modali nelle pagine web, il cui contenuto
viene caricato via AJAX. Autore: Wildbit Labs. Licenza: ?. |
Anche in questo caso, la variante MOOdalBox è dovuta all'utilizzo di mootools al posto di prototype. Autore: Răzvan Brateş. Licenza: MIT. |
Tabella riassuntiva| | Effetti di animazione
| Visualizza immagini | Visualizza testo inline | Visualizza contenuto esterno | Librerie usate | | Lightbox JS | no
| sì (no gruppi)
| no
| no
| nessuna | Lightbox JS 2
| sì ("fancy pants")
| sì (gruppi) | no | no | Prototype, script.aculo.us
| | Lightbox+ | no | sì (gruppi) | no | no | nessuna | | Lightbox Gone Wild | no | sì (gruppi) | no | sì (via AJAX)
| Prototype
| | Leightbox | no | sì | sì | no | nessuna (?) | Slimbox
| sì ("fancy pants")
| sì (gruppi)
| no
| no
| mootools
| | Slimbox (Extended) | sì ("fancy pants")
| sì (gruppi) | no
| sì (iframe)
| mootools | GreyBox
| sì (fading)
| sì (gruppi) | no | sì | AJS JS | | GreyBox Redux | no | ? | ? | sì | jQuery | | ThickBox | no | sì (gruppi) | sì | sì | jQuery | | SmoothBox | no | sì (gruppi) | sì | sì (iframe)
| mootools | ModalBox
| sì ("fancy pants")
| sì | no | sì | Prototype, script.aculo.us | | MOOdalBox | sì ("fancy pants")
| no | no
| sì | mootools
|
Write a comment
- Required fields are marked with *.
Showing comments 1 to 10 of 19
| Next
| Last
Showing comments 1 to 10 of 19
| Next
| Last
|
.
|
Posts: 19
Reply #19 on : Wed November 19, 2008, 08:15:03