Ecco PopBox!
Giovedì 25 Ottobre 2007 - 11:43
di Alessandro Fulciniti
Tra le moltissime implementazioni di gallerie di immagini nella stessa pagina
in stile LightBox, ho scoperto di recente una fresca novità: PopBox.
Si tratta di una soluzione Javascript per avere ingrandimenti nella stessa pagina
con un’animazione “zoom” dalla miniatura all’ingrandimento molto accattivante.
Davvero notevoli le caratteristiche e la facilità di utilizzo, grazie anche ai molti
esempi nella pagina di presentazione e alla dettagliata documentazione.
Lo script è piuttosto corposo (46Kb non compresso), non ha dipendenze da framework e librerie ed è rilasciato sotto licenza Creative Commons; il supporto cross-browser non è dichiarato. Tra i vantaggi principali la possibilità di inserire le miniature ed avvere l’effetto di transizione sugli ingrandimenti, che vengono automaticamente precaricati dallo script stesso.
A parte il peso non indifferente, lo script non è esente da difetti: tra essi la necessità di utilizzare attributi non standard nell’HTML per specificare gli ingrandimenti e le descrizioni, oltre ad eventi onclick in linea per indicare le modalità con cui vengono mostrati.
Direi peccato, perché si tratta di una soluzione che si rivela molto gradevole all’uso ma, sebbene recente, poco attenta alle pratiche legate ai web standards e al Javascript non intrusivo.
Categoria: Scripting | Permalink
Commenti
1
Non sono amante del troppo javascript nelle pagine di un sito, ma ammetto che questo effetto mi piace.
Proprio bello e, mi sembra, pure leggero per la pagina.
2
PopBox … e addio connessioni analogiche!
Giuto per ricordare che caricare un’immagine 800×600 in un riquadro 100×80 non è e non sarà mai una buona pratica finchè non avremo tutti connessioni ADSL molto veloci, server con banda che non va a consumo e cellulari con connessioni internet flat.
PopBox, e sai cosa sbagli!
@Alessandro non è ovviamente rivolto a te, anzi, grazie per aver parlato di questo “mostro” … perfino nel “mondo Flash” le miniature vengono convertite/sostituite solo se l’ingrandimento è espressamente richiesto
3
@alessandro:
grazie, bello script, meglio di altri, anche se troppo js pure secondo me..@andr3a:
cosa suggerisci per avere una cosa simile senza dover caricare troppo?
come agiresti?
4
Ma in pratica la miniatura non è altro che l’immagine grande ma ridimensionata via codice.
Bella fregatura, così uno ci mette una vita a caricare delle false miniature :-|# - postato da Alessio Michelini - 25 Ottobre 2007 - 12:36
5
@Andrea: scusa, quando avevo aperto la pagina c’era solo il primo commento, poi ho risposto dopo un po’ e solo dopo aver inserito il commento ho visto gli altri
# - postato da Alessio Michelini - 25 Ottobre 2007 - 12:39
6
@yQy … come ho sempre agito, le miniature son miniature e se c’è una funzione/libreria capace di mostrarle più grandi le caricherà solo al momento opportuno, ovvero a seguito della richiesta di un utente.
Litebox e LightBox fanno così da tempo per quanto altrettanto poco accessibili ma questa PopBox è magari interessante a livello didattico … ma è pessima per il Web - in una intranet potrebbe anche andare.
opinioni sempre personali
7
Io da un paio di giorni stavo dando un’occhiata alla proposta di ‘image zooming’ fatta da Cabel Sasser di Panic più di un anno fa: http://www.cabel.name/2006/01/.....ost.html.
Lo script utilizza immagini di thumbnail immagini grandi alla Lightbox e non è intrusivo (usa l’attributorel), ma sembra abbia alcuni problemi tra un click e l’altro. (”Not For Public Use, Yet. (Public release planned. Stay tuned.)”, leggo tra le prime righe del codice che sto modificand - Ops)
8
sbaglio o richiede un markup non valido?
# - postato da alberto - 25 Ottobre 2007 - 13:59
9
Se si tratta di una o due immagini per pagina mi sembra ottima come soluzione. Dopotutto cliccando su una miniatura, comunque prima o poi dovrò caricare l’immagine grande.
Se ti tratta di una galleria invece il discorso cambia completamente.
10
dovrei imparare a leggere tutto l’articolo e non fermarmi alle prime righe… sorry per il commento ridondante
# - postato da alberto - 25 Ottobre 2007 - 14:04
11
@andr3a
Non mi sembra che lightbox e molti altri suoi cloni comportino limitazioni all’accessibilità.# - postato da Grab - 25 Ottobre 2007 - 15:02
12
@ Marco
Grazie per il link, preferisco senza alcun dubbio questa soluzione.
Io non ho avuto problemi da una immagina ad un’altra.
13
Al di là dei vari problemi che emergono da questa soluzione e già sottolineati nei post precedenti, mi domando solo come mai non si sono appoggiati ad una qualche libreria modulare e ben collaudata (come mootools ad esempio). Lo script invece di pesare 46kb sarebbe stato molto più leggero e probabilmente più crossbrowser…
# - postato da Fabrizio Calderan - 25 Ottobre 2007 - 15:52
14
@Grab … volevo dire che la funzionalità non è identica tra chi ha JS abilitato e chi no, quindi hai ragione, mi sono spiegato male io :-)
15
Me gusta, me gusta
16
Provate HighSlide, offre molte delle funzioni di PopBox senza i difetti evidenziati fin qui.
L’unico serio limite e’ che ha un costo per l’utilizzo in siti commerciali.
# - postato da Gabriele Favrin - 27 Ottobre 2007 - 01:23
17
Si io HighSlide ce l’avevo già nei bookmark… davvero notevole.
# - postato da Luca Futura - 27 Ottobre 2007 - 20:03
18
Buon giorno. Sono Antonio e la cosa mi piace. Ho un blog, ma non sono un programmatore. Come fare per inserire correttamente il codice di PopBox?
Sarà una domanda idiota, lo so: ma non so come fare sono due giorni che tento di risolvere il Problema. Simpatico, molto simpatico il tuo sito e interessanti i problemi che poni. Sa sono un matematico non programmatoter.Saluti
Antonio Mignogna
19
Ma se invece di partire da una miniatura dell’immagine, si partisse visualizzando una più o meno piccola zona, un crop per intenderci, in modo che l’effetto ingrandimento dll’intera immagine venga sostituito dall’ingrandimento di una diciamo così finestra davanti l’immagine?
salvatore# - postato da salvatore fusto - 02 Novembre 2007 - 15:17
20
beh niente male per soluzioni alternative alla classiva visualizzazione con _blank
Troverà sicuramente posto tra i miei progetti :)
21
Niente male questo PopBox, ma io continuo a preferire l’originale!
Propongo anche a voi di dare un’occhiata al mio piccolo adattamento che permette di avere le gallerie di immagini in lightbox (con tasti prev e next), direttamente richiamate da un filmato flash (come un bottone o un thumb)!
Eccolo qua: flash lightbox v2, troverete il tutorial e l’esempio da scaricare!
Ciao a tutti!# - postato da Alan Curtis - 09 Dicembre 2007 - 13:04
22
Highslide è molto più versatile!!!
Per il peso delle anteprime io utilizzo PHPThumb che riduce dinamicamente le foto nel formato desiderato allegerendole.# - postato da Andrea - 22 Febbraio 2008 - 13:35