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>
- urlimage: percorso immagine anteprima
- urlimagegrande: percorso immagine grande
- desc: descrizione o titolo della foto
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.
Implementazioni aggiuntive
- Scarica sorgente Link a immagini tramite popup
- Scarica sorgente Galleria su una sola riga
- Scarica sorgente File .as modificato: Miniature con resize automatico
- Scarica sorgente File .as modificato: Foto grandi con resize automatico
- Scarica sorgente File .as modificato: Inserimento link nella galleria
405 Commenti
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.
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
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
@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
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
Spiacente per chiedere, ma come applicare le immagini nella mia galleria? Gracie in anticipo!
Voi sapete come passare la galleria fotografica di dreamweaver? Grazie!
Julius ma per caricare questa galleria in un altro swf devo usa lockroot non riesco in nessun modo..:S
@n3llo: ciao!
Non funziona? Strano
Prova il “Metodo Alternativo” che trovi descritto in fondo sempre nell’articolo su _lockroot: a cosa serve? Come funziona?
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
Julius ho postato il prob anche su html.it se vuoi puoi risp anche la.GRAZIE!!
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?
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
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?
@cristina: a fondo articolo hai gia guardato tra le Implementazioni aggiuntive? dovrebbe esserci quella che cerchi
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
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….
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!!!
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!!!!
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 :)
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
Tutto risolto…grazie mille lo stesso:D
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
ultima cosa..
è possibile creare un effetto di slideshow che si avvia con un pulsante dalle foto grandi?
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!
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.
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..
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
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
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.
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
ciao come faccio a modificare la posizione della gallery a una sola riga?
ok risolto….faccio ancora una domanda come posso fare in modo che quando si ingrandisce la foto lo sfondo diventa nero trasparente??
Non trovo il file con i pulsanti avanti e indietro!! me lo potete inviare?? grazie!!
aiutatemi!!
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:
rettifico: il problema 1) l’ho risolto… rimangono il 2) e il 3)…
@ blonski1977:
risolto il problema 1)… rimangono il 2) e il 3)…
HELP!!!
il file con i pulsanti avanti e indietro non funziona!! me lo potete inviare?? grazie!!
possibile che nessuno mi può aiutare??
Ciao Julius, intanto ti faccio i complimenti per il nuovo sito, sempre più ricco di contenuti interessanti, segno questo di un grande impegno da parte tua e di un riconoscimento che a mio avviso ti meriti alla grande.
Due anni fa, scaricai questa galleria per adattarla al mio sito, seguendo attentamente gli sviluppi e i suggerimenti che via via ci davi, la modificai per il mio scopo, ossia presentare le mie foto.
Ho notato di recente l’inserimento di una nuova miglioria, ossia i tasti next e prev, cosa che tra l’altro avevo tentato anche io, modificando il file xml.as, ahime con scarso successo.
Perciò, incuriosito dalla tua soluzione ho scaricato il file, ma a quanto pare non sembra funzionare, anzi mi sembra quello della prima versione.
Da quello che posso comprendere dalle attuali dimensioni del sito, è che sei super impegnato…..in ogni caso confido nella tua sempre puntuale gentilezza per sapere se questa galleria può funzionare con i tasti next e prev…..e se si, quale porzione del codice xml va modificata……….
grazie per ogni tuo suggerimento in merito
Ciao anche io ho il tuo stesso problema, ma nessuno risponde…@ Stefano:
Ciao, anche io ho lo stesso problema come Stefano e Marco
“vorrei che una volta che la foto si ingrandisce possa andare avanti e indietro senza dover uscire”
Julius mi puoi aiutare???
Ciao mitico Julius, ma questa galleria è visibile anche con l’ultima versione di flash player? Io su un computer la vedo ma su un altro (che ha la versione più recente di Flash Player) no. E ppure ho eliminato la cache ed aggiornato.
Giorgio
ciao bellissima gallery,solo una cosa…come si può avere una galleria e quando clicchi al posto dell’ingrandimento avere l’apertura di un file pdf messo in XML? grazie
Ciao Julius! Potresti spiegarmi come poter mettere due bottoni next/prev all’interno del clip focuspro in modo da non dover tornare indietro ogni volta per cambiare immagine? grazie
Ciao, bellissimo questa galleria. complimenti!!!
avrei un problema però io ho adattato la galleria con la misura 600×700 e 28 immagini.
Il mio problema è che si vede solo fino alla 20…le altre non le visualizza. Premetto che mi sono appena affacciata al mondo del xml quindi non so molto. Cosa devo fare? Puoi aiutarmi?
Grazie.
Ho letto il tuo articolo ed usato la tua gallery
è davvero ben funzionante.
Un favore posso chiedertelo?
Come posso fare per cambiare i colori?
Salve
vorrei sapere come posso inserire immagini di dimensioni diverse??
grazie!