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,
non ho ricevuto più la risposta per i file che ho inviato alla tua mail.scusami per l’insistenza ma sono proprio tirato per il collo con questo lavoro.
grazie mille per il tuo aiuto!!!
daniele
Grande julius p piùà di un anno che ti tartassano di domande ora sono arrivato anche io… ciao sono valter avrei bisogno di sapere, dato che non so proprio nulla sulla creazione in flash, cosa fare per far funzionare questa galleri sul mio sito. dove devo copiare tutti i file che ho scaricato? attendo una tua delucidazione e ti ringrazio anticipatamente. ho un dominio su aruba server windows. AIUTOOOOO!!!!
@valter leggi qui
Ciao Julius…Fantastica gallery…Una cosa sola: quando clicco sui tasti avanti e indietro (una volta che si apre l’immagine grande) il testo di descrizione in basso a destra non cambia insieme all’immagine…
Come faccio per sistemare questo piccolo particolare???
Grazie 1000
@ndrea
ho letto ma non c’è spiegato dove copiare tutti i file che ho scaricato per ottenere il risultato del tutorial. Attendo appena hai tempo un tuo aiuto grazie..
Ciao Julius
Prima di tutto ben tornato dalle vacanze.
Torno a tediarti con questa gallery per dirti che io ho lo stesso problema di nightmare e visto che con lui hai risolto via mail, mi chiedevo se potevi girare anche a me la soluzione.
Ossequi
Gentile Julius, non ho praticamente mai smanettato con flash, ma guardando questa bella galleria dinamica mi sono detto: perchè non inserirla nel mio sito? Ho intenzione di includerlo in una pagina php con due colonne laterali e una centrale (ovviamente la galleria voglio includerla nella colonna centrale). Quindi ho scaricato tutto il pacchetto della galleria e la includo nella colonna:
Ma niente, mi escono nella colonna centrale tante “parolacce”! =) dove sbaglio? Ti ringrazio anticipatamente per la risposta e complimenti per il sito!
Ciao Julius,
volevo provare a fare una modifica alla galleria:
Quando viene cliccata la thumb invece di comparire l’ingrandimento vorrei che mi si aprisse in una nuova pagina un link diverso per ogni immagine.
Ho letto sopra la discussione di RAFFA relativa ai link ma non è peroprio quello il funzionamento che cerco, quello a cui miro è eliminare l’ingrandimento.
Puoi aiutarmi?
Grazie.
Devi cambiare la funziona onRelease nel file xml.as in cui viene caricata l’immagine grande
al posto di quello dovresti inserire una funziona getURL cosi da aprire una pagina invece della foto grande
Avrei bisogno che mi spiegassi un po’ meglio come fare…nel senso:
la teoria l’ho capita: devo eliminare la parte di codice relativa al focuspro (che è quella che mi andrebbe a caricare l’ingrandimento) e devo sostituirla con un comando getURL che mi vada a leggere la variabile “link” nel file XML collegandomi all’indirizzo scelto.
Ma in pratica come sintassi come si scrive sta questa cosa? :-(
M’indottrineresti per favore? :D
ciao julius buon rientro
sono riuscito a caricare la tua galleria solo che si visualizza solo con mozzilla con explorer non visualizzo nulla. puoi aiutarmi? grazie
@Leonardo ciao
xml.as elimini da linea 55 a 70 e al posto di quel codice inserisci
getURL(this.link,"_blank");Ovviamente nel file dati.xml dovrei avere il parametro url=””
@valter in che senso non visualizza nulla? controlla di aver pubblicato correttamente l’oggetto flash
con ie 7 visualizzo pagina bianca
una domanda si possono visualizzare correttamente le immagini senza doverle redimensionare tutte? grazie
è possibile che io non visualizzo con ie7 mentre altri si? cosa posso aggiornare oltre al shockwave flash? grazie
per la cronaca ho copiato tutti i file e le cartelle scaricate nella cartella public. ho fatto bene? grazie
Non hai caricato tutte le immagini piccole…e poi nel file xml non hai inserito il parametro URL
<photo urlimage="foto/emyDipinta.jpg" urlimagegrande="foto/emyDipinta.jpg" desc="Foto1" url="http://www.sito.it"/>Grazie Julius, il codice che hai scritto non funziona mi restituisce un errore :-(
Ho provato allora a modificarlo così:
my_mc.onRelease = function() {
getURL(this.link,”_blank”);
};
Non da errori ma mi apre una pagina UNDEFINED…in pratica non legge la variabile url=”” dal file XML e quindi non punta all’indirizzo che vorrei.
Come faccio a farlo puntare all’indirizzo giusto?
Grazie per il tuo aiuto, sempre gentilissimo.
Restituisce UNDEFINED perchè probabilmente nel file XML non hai inserito il parametro url
scrivi un link alla pagina online con la galleria che stai testando che controllo
Questa è la struttura del file XML:
Dovrebbe essere corretto così….
Nel .FLA è tutto il MC my_mc a fare da bottone per il link che voglio richiamare (e dovrebbe essere a posto)
L’unico file che credo abbia problemi sia l’xml.as con il codice che ho messo sopra….non riesco a darti un link per vederlo perchè non è on-line :-(
Cavolo non mi ha incollato il codice!!!!
Vediamo se adesso c’è….
Come faccio a incollare del codice e far si che sia visibile???
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
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.
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
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!!!
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.
Galleria
scusa julius
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 :))
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!
@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
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.
ciao mittico
ecco il link
http://www.kimeracine.it/Gallery08/
e grazie anticipatamente
@Giuseppe ciao grazie per la segnalazione…
me l’hanno segnalato..devo trovare quei 3 secondi di tempo per mettere apposto :P
@Mario ciao
non hai caricato i 3 FILE XML sotto Gallery08/xml/
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
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
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
@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
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.
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.
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!
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
Ciao a tutti ciao Jiulius complimenti per la gallery .. volevo chiederti una cosa ..
la galleria carica immagini perfettamente uguali tra loro nella dimenisone ma se una foto dovesse essere orizzontale ed una verticale come si potrebbe fare per adattarla e centrarla nel box?
ottimo lavoro. Bravissimo. Volevo usarla per le nuove gallerie fotografiche del mio sito ma le foto che tu hai adoperato sono 730×450 mentre le mie sono 800×600. Lo stesso dicasi per le mie anteprime che sono 110×83. QUliparametri devo modificare per adattare la gallery alle mie foto? Grazie infinite. Daniele.
Ciao Julius,
Io non parlo italiano, solo picollo :D anche parlo español and english. Great gallery by the way! Is there any way that the thumbs and fotogrande load with some fade in..let’s say form alpha 0 to 100 instead of loading in such a hard way? Thanks!
ciao giulius
complimenti per i lavori k stai faccendo con flash e altri programmi
veramente sei bravo
sono passionato di usare flash anche se nn sono capasci a usarlo bene
cmq x questa beta galleria guarda k c (nn so se un errori o io k capito male) quando
passi da una foto all’altra clikando su anvanti o indietro nn si cambia il titolo della foto grande ma rimane il titolo della foto k stata scelta prima
scusati se ci sono errori della lingua xke nn sono italiano(Marocco)
ciao
@daniele modifica i box contenutori e il file .as per le dimensioni delle immagini da inserire
@kimo-23 ciao si è un vecchio baco che devo risolvere ma non ho mai tempo aime..dovrebbe essere sulla gestione di una variabile globale
ciao gulius
scusami se ti disturbo ma quale la linea k devo cambiare x far funzionare anche il cambiamento del titolo quando passo da una foto all’altra?
e cosa devo scrivere?
grazie in anticipo
ti auguro buona carriera
@kimo-23: in pratica si deve inserire una variabile globale nel file .as riferita alla variabile titoloe
Poi nel .fla clip focuspro trovi i due pulsanti in cui inserire il richiamo al file testo alla variabile
hola julius..
la tua gallery mi funziona perfettamente… solo ke le miniature sono la ripresa delle immagini grandi e si vedono distorte..
ho provato a fare le miniature 86 px per 86px e ho creato un percorso alternativo “min/foto1_min.jpg” (nel file XML)
mi esce una foto mini minuscola nella miniatura..
come devo fare? devo modificare qualche opzione all’interno del file flash o devo fare una miniatura piu grande??
help me..
@sberla88: ciao hai preso la versione della galleria con miniature?
Ti basta cambiare il clip contenitore che vedi sullo stage
Is it possible to add “Previous” and “Next” image link on large image window (which opened by click on thumb image) ? if yes then can you provide me those script lines to add me in xml.as file.
Also thanks for this great flash gallery.