Thumbnail Gallery è una galleria dinamica in Flash in cui possiamo inserire molto facilmente immagini con le relative miniature.
La versione è ancora BETA, ma con i vostri consigli sono sicuro che riusciremo ad ottimizzere il codice.

E’ altamente personalizzabile anche per un principiante, infatti tramite il file incluso nella gallery, xml.as possiamo impostare il numero di colonne, aggiungere attributi e vari effetti, comunque se non siete esperti di Action Script vi consiglio di non modificare nulla.
Tramite il file foto.xml, apribile con il semplice Blocco note, possiamo inserire nuove immagini con le relative miniature.
Andiamo ad analizzare il file XML:
<Gallery>
<Foto>
<photo urlimage="foto/foto1_small.jpg" urlimagegrande="foto/foto1_big.jpg" desc="Foto1"/>
</Foto>
</Gallery>
Lo Stage è di dimensioni 800×500, ovviamente con opportune modifiche potrete modificare la struttura per il vostro scopo, in caso le immagini siano più di quelle visibili, verra visualizzata una scroll verticale.
Scarica il sorgente
Guarda il Tutorial
Implementazioni aggiuntive
Articoli simili in Design, File, Flash, Free, Galleria, Grafica, HTML, Immagini, Sviluppo, Tutorial, Webdesign, XML

manuel
30 dicembre 2008
Ciao Julius, complimenti anche da parte mia.
Se io volessi assegnare un link direttamente alle thumb invece che alla foto grande?
Io ho provato ad assegnare “pulse” alle thumb modificandone pure il percorso, ma una volta esportata la pag in html se clikko sulla thumb mi da il link “undefined”.
Ps: ho modificato anche il file xml aggiungendo il parametro url.
Grazie mille.
Davide
28 gennaio 2009
salve e io ho riscontrato un problema con i browser in particolare con firefox…
il problema è questo: con Internet Explorer e Opera si vede perfettamente, però con firefox non si vedono le cornici blu nelle foto e soprattutto non si vede il pulsante “indietro” dunque per tornare alle miniature sono costretto ad aggiornare! Ho provato anche ad installare l’ultima versione di firefox però nulla!
Anche voi avete riscontrato questo problema?
Grazie in anticipo
dany
1 febbraio 2009
ciao grazie per aver messo a disposizione questa bella galleria, anche a me si vedono i riquadri blu e poi domanda stupida ma non sono esperta: come inserisco la gallery nella mia pagina web? ci ho provato ma non funziona….
grazie in anticipo
federica
6 febbraio 2009
@Julius:
Scusami tanto julius io ho cercato di caricare dinamicamente il file xml come tu hai detto ovvero passando il parametro attraverso la queryString ma non riesco a capire perchè non va?
io ho cambiato nel .as ultima riga il codice in filexml.load(_root.xml); e nel path del movie ho messo nomefile.swf?xml=xml/foto.xml
Ma non va dove sbaglio???
Grazie dell’aiuto
mauro
12 febbraio 2009
dunque complimenti ho trovato molte cose utili nel tuo sito.
in particolare ho scaricato la Thumbnail Gallery galleria dinamica in Flash, ho notato che dopo un certo numero di click sulle miniature le immagini grandi non vengono caricate e rimane il contenitore vuoto. Hai avuto gia’ a che fare con wuesto caseo?
Mi sarebbe molto utile se si potesse risolvere.
Ciao
Mauro
Fabio
17 febbraio 2009
Spiacente per chiedere, ma come applicare le immagini nella mia galleria? Gracie in anticipo!
Fabio
18 febbraio 2009
Voi sapete come passare la galleria fotografica di dreamweaver? Grazie!
n3llo
18 febbraio 2009
Julius ma per caricare questa galleria in un altro swf devo usa lockroot non riesco in nessun modo..:S
Julius
19 febbraio 2009
@n3llo: ciao!
Non funziona? Strano
Prova il “Metodo Alternativo” che trovi descritto in fondo sempre nell’articolo su _lockroot: a cosa serve? Come funziona?
n3llo
20 febbraio 2009
Ciao Julius intanto grazie per l’immensa disponibilità e per la tempestiva risposta purtroppo la cosa non va manco con level0.
La mia situazione è questa ho un swf di nome home con un menu,il pulsante maschere dovrebbe richiamare l’swf thumbnail_gallery.swf in un movieclip vuoto di caricamento di nome istanza load uso questo codice:
loadMovie("thumbnail_gallery.swf",_root.load);
_root.load._lockroot = true;
ma quando carico online la cosa mi appare il preload,il mc che poi verrà duplicato per la creazione delle singole thumbs (my_mc si chiama nel tuo file)e poi scompare tutto.
Il link è Agenzia
n3llo
23 febbraio 2009
Julius ho postato il prob anche su html.it se vuoi puoi risp anche la.GRAZIE!!
aelie
3 marzo 2009
Ciao, scusa ma ho un problema… ho provato ad inserire il file swf all interno della mia pagina html, ma non mi visualizza nulla O.O
cosa ho sbagliato?:D devo caricare altro?
Davide
7 marzo 2009
Ciao grande Julius!
Ho un piccolo problema con la gallery: vorrei aggiungere un nuovo tag al file .xml (il tag “dim”) da visualizzare sotto al “titolo” dell’ingrandimento della thumb.
Grazie mille
cristina
24 marzo 2009
Buongiorno a tutti…ho urgenza di comprendere come posso assegnare un tag url nella descrizione dell’img grande.
Sono riuscita a far funzionare la galelry, ma mi occorre che una volta aperta la foto grande, appaia come descrizione, il link dell’immagine. Per esempio foto di gatti e sotto nella descrizione: http://www.gatti.it. qualcuno mi può aiutare?
Julius
24 marzo 2009
@cristina: a fondo articolo hai gia guardato tra le Implementazioni aggiuntive? dovrebbe esserci quella che cerchi
cristina
25 marzo 2009
Ciao Julius, si ho guardato, ma in ognuna delle document class appare un errore…soprattutto nell’ultima, magari (non lo fa) ma c’è modo di rendere possibile quel che ho chiesto (io non ce l’ho fatta testandola in diversi modi)…ma questo ultimo file .as crea dei problemi nel resize automatico delle immagini.
Quindi ho optato per mantenere la document class originaria, ed aggiungervi questa caratteristica.
Sai dirmi come implementarla senza l’ausilio di quell’ultimo file da scaricare? Grazie
Sampei
6 aprile 2009
Ciao veramente bella!!! bravo!!!
Vorrei farti una domanda. Intanto premetto che so ben poco di actionscript….cmq vorrei modificare il colore della parola che compare quando sei sopra l’immagine, in pratica foto1,foto2,…da verde vorrei farla di un altro colore!! Potresti dirmi come posso fare….te ne sarei grato! grazie….
Maurizio
19 aprile 2009
Ciao julius!
Come sempre sei un grande!!!! Altro grandissimo tutorial grazie mille!!!
Volevo chiederti una piccola modifica da fare però: in pratica vorrei modificare l’effetto del rollover sulle miniature, ovvero invece che modificare la luminosità come hai fatto tu, vorrei che le miniature fossero tutte desaturate e al passaggio del mouse si colorassero, come posso fare?
Grazie infinite!!!
Maurizio
19 aprile 2009
Scusami ma mi è sorto un altro problema…
Ho ridimensionato la gallery e le mie foto grandi devono avere ora dimensioni 532×360, quindi ho ridimensionato il movieclip di nome istanza fotogrande di queste dimensioni, però non funziona bene: infatti con le immagini del vecchio formato originale 730×450, si vedevano ovviamente sgranate ma delle dimensioni giuste, dopo avere invece ridimensionato le foto della risoluzione giusta si vedono più piccole di 532×360 e posizionate in alto a sinistra della cornice, come se ci fosse uno script che le scalaal 70% o giù di li…
Ti prego aiutami che sono disperato…Grazie milleeeee!!!!
Tullio
27 aprile 2009
Ciao Julius
Ho un problema che non riesco a risolvere:
Ho 3 categorie di foto diverse e vorrei mettere nella stessa pagina web 3 “Thumbnail Gallery” che le presentano.
Dopo essermi accorto che al caricamento della pagina su IE, anche se le gallerie sono in cartelle diverse, veniva caricato ed eseguito solo 1 dei 3 file xml.
Quindi ho rinominato con nomi diversi tutti gli indirizzi, nel swf e nei file.
Il problema sembra risolto su IE che mi carica correttamente il contenuto delle 3 gallerie ma non funziona su firefox che mi carica solo 1 dei 3 swf, lasciando uno spazio bianco dove dovrebbero apparire gli altri 2.
Spero di essermi fatto capire e sopratutto nella tua disponibilità a darmi qualche indicazione su come risolvere.
Grazie e comunque: Complimenti per l’interessantissimo blog pieno di preziosissimi consigli e file a dir poco, stupendi !
Ciao
Davide
6 maggio 2009
Ciao julius innanzitutto complimenti per tutto quello che realizzi…il tuo sito è davvero prezioso…Premetto che nn sono una cima in flash actionscript ecc…volevo chiederti una cosa…ho costruito la mia pag in flash sulla galleria..ovviamente modificandola a mio piacimento, e fin qui tutto ok…funziona alla grande…c’è un piccolo problema…praticamente dò delle dimensioni allo stage, su IE la pag la visualizza correttamente, mentre su Firefox invece la pag nn corrisponde alle dimensione che ho dato…anzi è più piccola…perchè???c’è un modo di risolvere il prb??
tanks:D
Davide
6 maggio 2009
Tutto risolto…grazie mille lo stesso:D
zantelier
7 maggio 2009
ciao… fantastici tutorial.
ho un piccolo problema… se rinomino il file xml all’interno della cartella xml, e modifico il nome anche nel file xml.as il filmato swf non funziona. devo modificare il nuovo nome dell’xml anche in qualche altro file? ad esempio nelle Actions del .fla? Non lo trovo…
grazie
zantelier
7 maggio 2009
ultima cosa..
è possibile creare un effetto di slideshow che si avvia con un pulsante dalle foto grandi?
giorgio
29 giugno 2009
Ciao Julius, una domanda ma volendo far vedere nella pop up non solo il campo “desc” che si trova nell’xml ma anche altri come per es “id” come potrei fare?
Grazie 1000!
baberasca
12 agosto 2009
Ciao Julius, ho provato ad utilizzare la gallery dinamica con popup, ma mi appare un errore. Non ho modificato nessun file. Se clicco sulla miniatura in locale, conpare questo:
Safari non può eseguire lo script “window.open(‘popup.php?image=foto/foto1_big.jpg’,'titolo’,'width=730,height=450,screenX=350,left=350,screenY=50,top=50,status=yes’);void(0);” perché Safari non permette l’utilizzo di JavaScript in questa modalità.
Se faccio la stessa cosa on line:
Internal Server Error
The server encountered an internal error or misconfiguration and was unable to complete your request.
Please contact the server administrator, postmaster@mestrinanuoto.org and inform them of the time the error occurred, and anything you might have done that may have caused the error.
More information about this error may be available in the server error log.
Mi sai dire come mai? E’ un mio problema?
Ti ringrazio.
stefano
30 settembre 2009
ciao jiulius..ottimo esempio questa gallery, ma ti vorrei chiedere un favore..annzichè caricare una foto, vorrei caricare un file .swf fatto da me..per esempio anzichè quando clicco su una foto mi carica la stessa in versione grande, mi carichi un swf che fa alcune deternminate cose..nn so se sn stato chiaro..come è possibile fare questo?ciao e grazie..
MDesign
21 ottobre 2009
ciao Julius!
ottima gallery e complimenti.
ho letto nei vari post che hai implementato il codice per avere NEXT e PREV per scorrere da immagine grande a immagine grande senza dover tornare indietro ogni volta alle miniature.
ho scaricato il file, funziona tutto ma non vedo questa implementazione…
ho sbaglaito file o c’è un modo per attivare l’opzione?
grazie e scusa il disturbo
davide
20 febbraio 2010
ciao ^^
bella la gallery…son riuscito a modificare tutto come volevo
ora però visto che le immagini che ho caricato sono un pò pesanti vorrei metterci un loader quando ci clicchi su se no per qualche secondo mi rimane lo sfondo nero…
idee??
grazie ciao
Aron57
11 aprile 2010
Ciao, complimenti per la tua creatività.
Mi occupo di grafica da circa quindici anni e da poco mi sto interessando al web, mi piace moltissimo questa galleria e volevo chiederti se era possibile utilizzarla in un sito.
Ho provato ad elaborarla graficamente e ci sono riuscito.
Complimenti ancora e buon lavoro.
Patrizia
12 aprile 2010
MI rendo conto che hai un milione di domande a cui rispondere ma… ci provo lo stesso
Stavo provando ad abbinare due gallerie di immagini
In pratica usavo questa e al click sull’immagine si carica un’altra galleria che fa vedere tre o quattro immagini in slide (in realtà ne ho provate diverse ma il problema persiste).
Se provo da dentro flash funziona tutto alla meraviglia.
Se poi guardo solo il file .swf o lo vedo nella pagina html non mi scarica la seconda galleria di immagini. In pratica quando clicco sulla fotina mi fa vedere ancora il movie che avevo caricato per primo.
Ciao e grazie
Marco
5 luglio 2010
ciao come faccio a modificare la posizione della gallery a una sola riga?
Marco
6 luglio 2010
ok risolto….faccio ancora una domanda come posso fare in modo che quando si ingrandisce la foto lo sfondo diventa nero trasparente??
Marco
8 luglio 2010
Non trovo il file con i pulsanti avanti e indietro!! me lo potete inviare?? grazie!!
Marco
12 luglio 2010
aiutatemi!!
blonski1977
19 luglio 2010
Salve a tutti, volevo fare alcune domande sul file xml:
1) con quale parametro si possono distanziare orizzontalmente i thumbnail? Per spaziarli tra di loro, intendo.
2) si può eliminare la scrollbar? Non mi serve…
3) per inserire il link al pdf come si fa? Io vorrei fare in modo che all’apertura della foto grande si possa cliccare un pulsante con un link a un pdf diverso per ognuna delle foto…
blonski1977
19 luglio 2010
@ blonski1977:
rettifico: il problema 1) l’ho risolto… rimangono il 2) e il 3)…
blonski1977
19 luglio 2010
@ blonski1977:
risolto il problema 1)… rimangono il 2) e il 3)…
blonski1977
22 luglio 2010
HELP!!!
Marco
5 agosto 2010
il file con i pulsanti avanti e indietro non funziona!! me lo potete inviare?? grazie!!
Marco
16 agosto 2010
possibile che nessuno mi può aiutare??