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
Design, File, Flash, Free, Galleria, Grafica, HTML, Immagini, Sviluppo, Tutorial, Webdesign, XML
273 visite
Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web.
Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
Video Tutorial Photoshop
|
Inspirations For Designers |
|||
         |
2007 - 2009 I love WordPress | Design by JuliusDesign | Mobile | Shop | Blogroll | Licenza d'uso
manuel
30 dicembre 2008 alle 14:00 pm
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 alle 14:41 pm
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 alle 2:47 am
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 alle 12:42 pm
@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 alle 0:52 am
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 alle 23:51 pm
Spiacente per chiedere, ma come applicare le immagini nella mia galleria? Gracie in anticipo!
Fabio
18 febbraio 2009 alle 22:01 pm
Voi sapete come passare la galleria fotografica di dreamweaver? Grazie!
n3llo
18 febbraio 2009 alle 23:21 pm
Julius ma per caricare questa galleria in un altro swf devo usa lockroot non riesco in nessun modo..:S
Julius
19 febbraio 2009 alle 22:28 pm
@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 alle 10:33 am
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 alle 13:41 pm
Julius ho postato il prob anche su html.it se vuoi puoi risp anche la.GRAZIE!!
aelie
3 marzo 2009 alle 9:57 am
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 alle 13:03 pm
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 alle 16:12 pm
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 alle 18:07 pm
@cristina: a fondo articolo hai gia guardato tra le Implementazioni aggiuntive? dovrebbe esserci quella che cerchi
cristina
25 marzo 2009 alle 0:44 am
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 alle 19:14 pm
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 alle 13:46 pm
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 alle 15:23 pm
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 alle 19:46 pm
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 alle 17:04 pm
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 alle 18:17 pm
Tutto risolto…grazie mille lo stesso:D
zantelier
7 maggio 2009 alle 19:54 pm
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 alle 20:09 pm
ultima cosa..
è possibile creare un effetto di slideshow che si avvia con un pulsante dalle foto grandi?
giorgio
29 giugno 2009 alle 13:46 pm
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!