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

valter
29 Agosto 2008 alle 19:12 pm
chiedo scusa ma dove carico le immagini piccole. non ho fatto altro che cancellare dalla cartella le foto esistenti e metterci le mie. dove sono le immagini piccole? grazie scusa l’ignoranza ma non ci acchiappo molto
valter
29 Agosto 2008 alle 19:58 pm
le immagini dentro la cartella foto sono 730×450 pixel ma io pensavo non si dovesse prenderle una per una per farle piccole e grandi. mi spiegheresti meglio grazie ho aggiunto la parte url mancante ma non è cambiato nulla.
woody
31 Agosto 2008 alle 3:15 am
Salve,
La galleria funziona perfettamente, ma io
ho l’esigenza di caricarmi esternamente la galleria dentro un altro flash tramite loadmovie.
Tutto funziona benissimo tranne i pulsanti avanti e dietro.
Sapete indicarmi cosa devo cambiare per renderlo funzionante?
Ho fatto tante prove ma non riesco.
Grazie
@ndrea
31 Agosto 2008 alle 18:06 pm
Ciao julius scusa se ti rompo ancora ma nonostante i 1000 tentativi non riesco proprio a venire a capo al problema dei tasti avanti e indietro…Non riesco a far cambiare il titolo dell’immagine cliccando sui tasti avanti e indietro!!!
Aspetto tue…
è tutte le vacanze che non dormo per risolvere il problema…ahi ahi ahi ahi!!!
Grazie 1000 per la pazienza!!!
denny
3 Settembre 2008 alle 14:10 pm
salve julius complimenti per tutto davvero bello questo blog
ho letto qui e la ho notato la tua galleria ti premetto che la utilizero xche e troppo bella solo che mi blocca una cosa non riesco a farla visualizzare ..ossia mi spiego meglio io utilizzo il famoso drem**ver C*3 volevo inserire la ta gallery in una pagina denominata galleria.php all’interno di una classe creata appositamente per contenere la galleria con altezza e lungheazza su auto , ho provato in mille modi utilizzando anche un file .js dove all’interno ho copiaato questo:
// JavaScript Document
document.write(”)
document.write (”)
document.write (”)
document.write(”)
document.write (”)
document.write (”)
e nella pagina galleri invece ho questo cod:
Galleria
il problema e che se la prova mi viene visualizzata solo la parte nera della gallery e non parte nulla
mentre se inserisco un link che porta al file swf tutto funziona come mai
secondo te grande julius!!!!
grazie per la pazienza.
denny
3 Settembre 2008 alle 14:11 pm
Galleria
scusa julius
Alberto
9 Settembre 2008 alle 23:40 pm
Ciao Julius, tempo fa ti scrissi a proposito di un problema con questa galleria che per me è diventata un chiodo fisso. Il problema che non sono riuscito a risolvere lo trovato nella tua ultima implementazione, ossia nella galleria con i bottoni next e prev.
Il mio intento era quella di far scorrere le miniature su un unica riga ( e fin qui ci sono arrivato) al click su una di esse si apre il focuspro che mi mostra la foto grande ( e anche qui ci sono arrivato)…….il problema è al click sul bottone next o prev……….la foto grande che segue non si carica.
Tieni conto che le foto della galleria ( sia le piccole che le grandi) sono in un unica cartella correttamente nominate.
Non so più cosa fare.
Mi rendo conto che sei pieno di richieste …………
Puoi illuminarmi la strada.
Intanto non posso far altro che ringraziarti.
Perchè non cambiare in Genius Design :))
Mario
11 Settembre 2008 alle 12:17 pm
Ciao Giuliano
Ora che siamo anche amici in facebook non puoi abbandonarmi ehehehe
Non riesco a pubblicare questa gallery sul mio sito
è sicuramente un problema di percorsi ma non riesco a venirne a capo!
ho sistemato la cartella immagini, quella xml, il swf, il fla, e gli as in una cartella. Nel html della pagina richiamo il swf rispettando i percorsi, ma niente.
ho fatto varie prove anche con i percorsi delle foto nell xml ma nulla!
Ti prego help me!
Julius
11 Settembre 2008 alle 21:57 pm
@denny ciao probabilmente hai qualche problema di percorsi…
mandami una mail con il link del sito online o il progetto che verifico
@Alberto ciao
si dovrebbe interagire sul file xml indicando a dei nuovi pulsanti nex e back di cambiare l’indicice della foto grande e caricarla con loadMovie nel clip…lo so è più facile a dirlo che a farlo…
Purtroppo sono proprio incasinato ma prometto che appena go 5 secondi faccio questa implementazione..
grazie per il genius design =P
@Mario ciao scrivi qui il link alla tua pagina online che verifico
Giuseppe
11 Settembre 2008 alle 23:33 pm
mitico julius, sei un grande!
posso segnalarti un bugghettino?
quando scegli un’immagine X,e vai a quella seguente o successiva, in basso a destra rimane sempre il numero X, invece del numero dell’immagine giusta.
Mario
12 Settembre 2008 alle 21:41 pm
ciao mittico
ecco il link
http://www.kimeracine.it/Gallery08/
e grazie anticipatamente
Julius
12 Settembre 2008 alle 23:38 pm
@Giuseppe ciao grazie per la segnalazione…
me l’hanno segnalato..devo trovare quei 3 secondi di tempo per mettere apposto
@Mario ciao
non hai caricato i 3 FILE XML sotto Gallery08/xml/
Mario
13 Settembre 2008 alle 0:29 am
Ciao Giuliano
Temo di non capire
di quale 3 file xml parli?
dal sorgente della pagina vedrai che il percorso è /kimeraFilmFestival/1/thumbnail_gallery(v1.swf
all’interno della cartella denominata 1 risiedono oltre al swf i due as e 2 cartelle una con le foto e 1 col file xml
valter
13 Settembre 2008 alle 8:56 am
Ciao julius
ho visto che non mi hai più risposto
sono riuscito a far funzionare la tua gallery volevo solo sapere se era possibile utilizzarla più volte all’interno di diverse pagine ovvero caricare i file .swf ecc. nella cartella public più volte ovviamente cambiando il nome. se è possibile vorrei sapere in che modo cambiare i nomi perchè non sono riuscito a far apparire nulla grazie ciao valter
valter
13 Settembre 2008 alle 9:11 am
chiedo scusa forse una domanda stupida… se ho foto scattate in verticale che poi dovrò ruotare per visualizzarle correttamente come posso riuscire ad inserirle nella galleria quindi 730×450?
queste foto per essere visualizzate per intero devo farle 450×730.
grazie
Julius
14 Settembre 2008 alle 17:11 pm
@valter ciao
puoi creare + gallerie con + XML oppure rendere variabile il paramenteo XML all’interno della galleria è utilizzare sempre la stessa passando in fase di pubblicazione la URL del file XML da richiamare
La galleria va impostata con una determinata altezza, potresi fari visualizzare delle foto di anteprima con dimensioni diverse e poi far aprire le foto in orizzontali con la funzione lnghtbox
carmine
17 Settembre 2008 alle 11:16 am
Ciao Jiulius,
mi unisco ai cori di plauso e di benedizione degli altri utenti (e come si potrebbe fare altrimenti?!?!?!).
ho un quesito da porti: ho scaricato la gallery di questa pagina, ma mi trovo dinanzi alla sguente difficoltà: oltre al titolo delle mie immagini vorrei anche aggiungere un commento mio. come faccio? ho fatto vari tentativi ma non ne sono venuto a capo.
vorrei che lo spazio per il commento fosse sotto il titolo dell’immagine grande. ho aggiunto un campo di testo nel filmato focuspro, ho aggiunto il commento nel file xml ma non visualizzo nulla. pppppci sarà di sicuro qualche erore nello script ma non riesco a capire come correggerlo.
ti ringrazio fin da adesso per la risposta.
MArio
1 Ottobre 2008 alle 14:49 pm
Ciao julius e complimenti anche da parte mia.
Premetto che capisco poco e nulla di flash.
Questa gallery mi piace molto e sto cercando di adattarla al mio caso.
Nel mio caso devo gestire 960 foto (penso che le spezzettero in piu gallery indicizzate per categorie)
Ho i seguenti problemi:
1- se voglio usare la versione con le thumb a parte, qualsiasi path metta nel “urlimagegrande” non me la caga e mi va a prendere sempre la foto principale e me la resiza di un tot. Per caso il file originale della prima versione è stato modificato con uno di quelli con resize automatico? Quale è la versione per cui adatta ogni tipo di foto alla thumb corretta per entrae nel riquadro? dai nomi dei file non si cpaisce.
Questa soluzione nn va bene per me altrimenti devo fare 960 thumbnail a mano
2-se lascio la resize automatica, purtroppo le 960 foto non hanno dimensioni pari a 730×450, quindi dovrei CMQ fare 960 resize, percheè se capita ad esempio una foto di 1024×800 la thumb che genera esce fuori dal riquadro e non viene centrata bene. Come risolvere?
3-se le foto hanno orientamento verticale, vengono come han già descritto altri utenti in alto a sinistra dei riquadri (piccolo e una volta aperta la foto) è possibile risolvere tale problema?
4-e importantissimo punto: avendo n-foto, la galleria ci mette n-tot di tempo per generare le thumb e per caricare le foto, cosa che comporta un incremento dei tempi di caricamento e non so tecnicamente se la foto che viene impostata nel riquadro è quella di dimensioni originali (esempio: la mia foto 730×450 pesa 400k, la gallery genera la thumb del 50% e la mette nel quaratino piccolino, ma nel momento in cui carica tutte le foto della galleria, caricherà quella da 400k o una di peso inferiore?)
Tale cosa è risolvibile? perchè altrimenti tale gallery è utilizzabile solo per una decina di foto… con tante foto ci sarà un tempo di caricamento moolto lungo.
manu76
8 Ottobre 2008 alle 15:36 pm
Ciao julius come si potrebbe fare per non far sparire le immagini piccoline sotto una volta che ho caricato l’immagine grande?
Mi servirebbero per avere sempre sott’occhio il menù principale
grazie1000!
Michael
12 Ottobre 2008 alle 17:11 pm
Ciao Julius, ti seguo sempre ma è la prima volta che provo anche io a usufruire dei tuoi tutorial. Ora se hai un pochino di tempo avrei due o tre domande da farti riguardo a questa gallery.
Però prima premetto che vorrei inserirla nel blog della mia squadra (www.cabmontecchiobasket.wordpress.com) per realizzare una sorta di presentazione dei giocatori.
E’ possibile inserirla nononostante le limitazioni che wordpress , versione gratuita, lascia?
In caso di risposta affermativa andrò avanti con le domande, che son un po’..!
Grazie anticipatamente
Michael