Galleria fotografica dinamicaSpesso è utile avere una galleria di immagini dinamica, ovvero con immagini esterne alla galleria, facilmente sostituibili e da aggiungere al volo.

Ho relizzato questa galleria di immagini, rendendola dinamica con un semplice file di testo .txt, apribile con il comune Blocco note di Windows.

La galleria è molto semplice, dopo aver caricato le immagini effettua un effeto alpha sulle foto mandandole in trasparenza una dopo l’altra, e ho aggiunto anche la possibilità di avere un suono di sottofondo.

Come vedrete dai file sorgenti il codice non è molto complicato, ma vi ho aggiunto dei commenti che potranno tornarvi molto utile.

Analizziamo il file di testo, dati_galleria.txt, che servirà per impostare i vari parametri alla galleria:

totalefoto=7&auto=si&tempo=4&audio=si&titoloaudio=Ambient Gallery&urlaudio=001.mp3&rgbsfondo=000000

  • totalefoto= Inserire il numero totale di immagini risiedenti nella cartella di default foto;
  • auto= si/no Impostare la visualizzazione automatica delle immagini, si automatico, no abilita i pulsanti avanti – indietro;
  • tempo= Impostare in secondi il numero di attesa da una foto all’altra;
  • audio= si/no Abilitare l audio, si audio presente all’avvio, no audio non presente all’avvio;
  • titoloaudio= Indicare il titolo del file audio, che verrà visualizzato sulla barra;
  • urlaudio= Indicare il percorso del file audio, stessa directory “miosuono.mp3” esterno http://www.nomesito.com/miosuono.mp3;
  • rgbsfondo= Impostare in esadecimale il colore dello sfondo, di default nero “000000”;

) Scarica il sorgente
) Guarda il Tutorial

Author

Sono un Creative Strategist con più di 10 anni di esperienza in strategie digitali. Il mio ruolo di Stratega consiste nell’ideare e sviluppare concept creativi per progetti multicanale, individuando le attivazioni e dinamiche di Marketing da applicare attraverso un approccio strategico.

125 Commenti

  1. Ciao.
    Ho dato un occhiata al tuo .fla e volevo chiederti una cosa.
    E possibile fare in modo che la transizione tra le due immagini avvenga in maniera mixata,sempre usando AS,tipo quando si usano due livelli?

    grazie
    Luca

  2. ciao julius, trovo che il tuo fla sia fantastico!
    vorrei utilizzarlo ma ho 1 problema: ho immagini di dimensioni differenti (ovvero 815 x 277 invece delle tue 550 x 400), ora per inserirle ho modificato sia le dimensioni del documento che dell’action script (le dimensioni dello stage insomma) però il risultato non è stato soddisfacente (il file SWF viene delle dimensioni giuste, ma con uno sfondo tutto sballato).

    è possibile rimuovere lo sfondo (bianco e nero) e lasciare solo le immagini? e nel caso dove devo modificare lo script?

    scusami se non sono chiarissimo, ma sono un novizio nell’uso di flash!
    ah per la precisione uso flash CS3 di adobe ;)

  3. ah, un altra cosa.
    Se io volessi,al termine dell’ultima foto cambiare scena,qual’è lo script da aggiungere?

    grazie ancora
    Luca

  4. Ciao!, innanzitutto my best compliments!!!
    ottimo lavoro, come al solito…
    Ho un problemino, volevo inserire la galleri all’interno del mio nuovo sito, (che ancora devo pubblicare) ho quindi copiato i frame e li ho inseriti all’interno del mio fla, nella sezione gallery, ma pur copiando foto e file txt nella directori del mio sito, quando faccio l’anteprima di pubblicazione, vedo l’area per la proiezione delle diapositive, ma è ferma, non passano le immagini…mi apre una piccola finestrella “output” e mi dice che i vari parametri (Tempo di attesa,Audioecc..) sono sconosciuti…
    Grazie!!!!!!!

  5. @Carlo dovresti poter rimuovere lo sfondo diminuendo il tempo di apparizione della foto successiva, in questo modo la foto sarà già sotto…

    PS: Non ho ancora falsh cs3

    @Marco ovviamente quando carichi un filmato in un altro i percorsi cambiano

    ti consiglio di bloccare la _root

    esempio

    loadMovie("galleria.swf",_root.box);
    _root.box._lockroot = true;

  6. La gallery è all’interno dello stesso file, cioè è tutto un fla, l’intero sito, e la sezione gallery non sarà un file a parte…quindi l’indicazione che mi hai dato in effetti non mi aiuta…
    non so se mi sono spiegato, cmq grazie….

  7. domanda :
    ho la necessità di mettere un commento per ogni foto.
    E a tale scopo utilizzerei il campo di testo dinamico “suono.titolo.text”
    Solo che non sono riuscito,dopo molti tentativi a trovare il punto in cui intercettare la foto caricata.
    ho aggiunto al file galleria_dati.txt,come variabili,i commenti per ogni foto e vorrei che per es.al caricamento della foto foto1o 2 o 4 .jpg appaia il commento legato.
    Malgrado i tentativi,il codice

    if(vedifoto=1||2||4 ) {
    titolo = this.titolo1 //(è la variabile nel file di testo)
    _root.suono.titolo.text = this.titolo
    }
    {else (vedifoto=3||5||6 )}
    titolo = this.titolo2
    _root.suono.titolo.text = this.titolo
    }
    titolo = this.titolo2

    non dà alcun risultato.
    Sai darmi un aiuto?
    grazie
    Luca

  8. Giuliana

    Julius, come stai?
    Instancabile come sempre tu!
    Senti Julius, lavoro da poco in Flash ed ancora ho molte cose da imparare, ad esempio questa: c’è un modo per attivare il tasto “indietro” di Internet Explorer da un sito completamente in Flash?
    Spero che la domanda non sia eccessivamente stupida, ma sai, se non mi pongo ora certe domande, più il tempo passa più non avrò alcuna scusante.
    Grazie, caro.
    Buon lavoro!

  9. ciao i tuoi lavori sono davvero notevoli !

    solo che ho un problema…

    da quando utilizzo dreamveawer cs3 ogni volta che faccio il collegamento ipertestuale ad una galleria questa si blocca e non va avanti !

    sul pc funziona tutto…ma in rete purtroppo non va e si ferma alla prima schermata !

    prima con dreamveaver 8 ho inserito in rete tante gallerie tutte funzionanti…

    quale potrebbe essere il problema?!

  10. Ciao! Innanzitutto ti faccio i complimenti per il lavoro, veramente molto bello, poi ti volevo chiedere: vorrei inserire la galleria in una pagina del mio sito in html ma è possibile? devo cambiare qualcosa al file del sorgente? ti ringrazio tanto ma la mia conoscenza in materia è un pò limitata! ciao e grazie

  11. @luca essendo stato fatto con un file di testo non è facile associare una descrizione, in teoria si dovrebbe rifare con un file esterno più gestibile con XML, ora non ho tantissimo tempo ma se lo trovo provo a rifarlo..

    @Giuliana non ho capito l’utilità ma sinceramente non l’ho vista questa possibilità, ma potrebbe esserci ora indago…

    @maurizio non ho cs3 quindi non saprei dirti

    @Simone ciao per pubblicare oggetti flash in una pagina html leggi prima questo articolo Come posso inserire un filmato Flash in una pagina HTML e poi questo Internet explorer blocco

  12. ciao julius,
    ottimo tutorial…proprio quello ke stavo cercando :o)
    come faccio a togliere la misura fissa 550×400 delle foto?
    mi spiego, ho foto sia verticali che orizzontali e mi servirebbe bloccare l’altezza in modo ke si adattino automaticamente nello stage (una specie di scala o percentuale) senza doverle elaborare prima con photoshop
    in attesa di una tua risposta ti faccio i miei complimenti
    saluti
    dominga

  13. Questa galleria è sviluppata centrando le immagini se non di dimensioni uguali o minori dello stage…

    Se le adatterebbe perderebbero di qualità…

    Se devi riadattare la galleria di basta cambiare dimensioni dello stage e controllare di avere sempre il clip imgEsterne su coordinate 0,0

  14. ciao julius,
    nn riesco a fare andare le foto
    mi rimane la schermata nera….. help come faccio?
    anke se l’ho caricato in ftp nn mi va lostesso….risp

  15. Controlla di aver pubblicato correttamente il file swf, in caso hai file JS controlla di averlo caricato…

  16. Il file JS ovvero JavaScript che si può usare per pubblicare un filmato SWF in una pagina, di solito l’errore principale è quello di non caricarlo con gli altri file.

    Lascia un link alla tua pagina con l’errore che la guardo…

  17. ci sono riuscito….ma nn ce un modo ke regoli in automatico la grandezza dell immagine? senza ke lo faccio io e perdo qualità?…
    cmq hai letto la mia email dell altro problema?

  18. ciao julius, complimenti per la gallery, interessante. Sarebbe possibile modificare la transizione tra le immagini? Per esempio come (nel caso la faccia manualmente) quando si mette una maschera sopra composta da rettangoli in movimento che via via visualizzano l’immagine?
    Ho visto delle transizioni molto interessanti qui
    http://www.senocular.com/flash/source.php?id=0.182
    e qui
    http://www.flepstudio.org/forum/utilita-di-flepstudio/384-header-rotante.html
    come si implementerebbe nel tuo file una transizione del genere? Grazie!

  19. Ciao julius,
    molto bella e funzionale questa galleria.
    Io sto cercandone una che permetta di fare il crossfade da una foto all’altra e non il fade to black (o altro colore).

    Mi spiego: leggendo il file con l’elenco delle immagini, l’swf dovrebbe visualizzare la prima e già caricare (con il tuo loader) la seconda, al timeout dovrebbe sfumare la prima mandandola in trasparente visualizzando quindi la seconda (sottostante).
    A questo punto il gioco si ripete e parte il loader per la terza.
    Ovviamente se il timeout scade e la foto successiva non ha ancora finito di caricare quella attuale aspetta!

    Spero di essermi spiegato. Si può fare o è troppo complicato?

    Ciao,
    Stefano.

  20. Ciao Julius!

    Innanzitutto, complimenti per questa gallery.

    Volevo sapere se c’è il modo di mostrare le immagini in ordine casuale.

    Inoltre, mi sarebbe comodo fargli leggere non dei nomi specifici di file, ma tutto il contenuto di una cartella. Mi spiego meglio…
    Vorrei far gestire la gallery tramite una pagina ASP, in modo da modificare il numero di immagini che deve leggere da un form ASP e vorrei dirgli di leggere le immagini all’interno di una cartella caricata sul server, ma senza essere obbligato a rinominare tutte le immagini (se ci fossero tante immagini e se queste immagini venissero cambiate con una certa frequenza, diventerebbe “pesante” doverle rinominare tutte).

    Mille grazie!!! ;-)

    Ciao,
    Roby

  21. Ero convinto che l’animazione si ripetesse all’infinito, invece quando ha finito le immagini si ferma. E’ possibile farla ripartire dall’inizio?

    Con riferimento al mio commento precedente, quindi: che si ripeta all’infinito, con immagini mostrate in modo casuale.

    Grazie!!!!!!!!!!!!! ;-)

  22. Ciao Julius, complimenti per le tue infinite capacità e per l’aiuto che dai a tutti. Questa gallery è bellissima, volevo capire se si poteva aggiungere anche qualche movimento X o Y oppure zoom in e zoom out oltre che alla dissolventra tra una foto e l’altra. Purtroppo io ho provato a farlo tramite timeline ma i movimenti non sono fluidi. Puoi aiutarmi? grazie e complimewnti ancora

  23. @Roby ciao,

    nel file txt vi è il parametro auto se impostato a si avverà il loop

    @Zero ciao,

    cerco di implementare questa cosa appena ho tempo…

  24. Ciao Julius,
    intanto complimenti, veramente ben fatto, volevo sapere se avevi fatto qualcosa per fare in modo che le transizioni possano essere differenti e che l’immagine successiva spunti immediatamente magari facendo un preload prima
    grazie
    Andrea

  25. Ciao julius,
    volevo chiederti come posso fare affinchè le foto che scorrono in dissolvenza possano, con un click, fermarsi e con un altro click riprendere l’animazione.
    grazie

  26. Ciao Julius,
    sto facendo un piccolo sito per una presentazione e ho fatto la pagina di ingresso utilizzando come sfondo il tuo slideshow. Funziona correttamente. In questa “pagina” ho creato un pulsante che manda ad un’altra scena (scena2).
    Premo il pulsante e vado alla scena2.
    Nella scena2 ho un pulsante “back” che mi rimanda alla scena1 (quello con lo slide show).
    Premo il pulsante “back” e lo slideshow fa le bizze. Carica delle immagini a caso che appaiono a intermittenza e poi smette di caricarle.
    Ho provato a pubblicare in diversi modi ma non ne sono uscito.
    Hai qualche idea su quale potrebbe essere il problema??
    Graziee Millee

  27. ciao, ti rinnovo i complimenti per lo script davvero utile.
    la mia domanda è, spero, semplice: è possibile fare in modo che l’effetto transizione sia incrociato? Vorrei cioè che mentre parte l’effetto alpha da 100 a 0 per la foto in uscita, parta anche l’effetto alpha da 0 a 100 per la foto successiva con un effetto di transizione da una all’altra evitando di vedere anche se per poco il solo sfondo.
    grazie
    leo

  28. Diciamo che è fattibile..

    Si deve precaricare l’immagine seguente insieme a quella precedente è azionare la funziona alpha insieme

  29. Ciao, complimenti per il sito è davvero utile e ben fatto!!
    Sto usando la tua galleria, ma vorrei piazzare le immagini in un punto preciso e non ci riesco, mi puoi aiutare?

    Grazie

  30. Pelide Achile

    Ciao rinnovo le migliaia di complimenti davanti alle tue immani prestazioni!
    Incredibile!
    Volevo porre un quesito forse senza soluzione.
    E’ possibile fare un collegamento ipertestuale all’interno di un punto specifico di una galleria Flash?

    Grazie in anticipo e mi scuso per il disturbo.

  31. Pelide Achile

    Ancora scusa Julius, ma volevo chiederti cosa posso fare per il fatto che un lavoro in.sfw non viene letto da Mozilla pero si da Explorer?

    Che faccio?
    Grazie mille….

  32. Ciao Julius, domandina sulla galleria:
    l’ho semplificata in modo che si veda solo una galleria semplice, no musica, no bottoni.
    E’ parecchio che viaggia senza problemi.
    Oggi faccio il download da ftp di una di queste foto, correggo un difetto della foto e la ributto al suo posto dov’era con l’upload.
    Non me la REFRESCIA (voce del verbo refresciare…) nemmeno se esco e rientro dal sito.
    Che ne pensi?
    Devo ripubblicare anche tutto il flash?
    Daniela
    (grazie per l’aiuto)

  33. Sono di nuovo io scusa Julius, ovviamente andando nelle impostazioni di explorer a cancellare i file temporanei va tutto a posto, solo che pensavo che magari non tutti lo fanno così non hanno la visuale corretta…
    Ciao
    Daniela
    (ancora Grazie)

  34. Ciao Julius, inutile dirti quanto è apprezzato tutto quello che fai ;-)

    a me, nonostante sia impostato il valore “si” del parametro “auto” nel .txt le foto si bloccano e non vanno in loop. Ciò avviene testandolo sia in locale che in remoto.
    Il debug mi dice inoltre, al termine dell’ultima foto, che non riesce a caricare quella con il numero successivo, nonostante non sia impostata nel .txt… sto uscendo pazzo :-|

  35. ciao a tutti, qualcuno potrebbe dirmi dove trovare le basi? io ho fatto una prova mettendo i file online ma non va nulla. mi sa che mi manca una parte, dove posso trovare la spiegazione di come partire da 0 e quali strumenti mi servono?
    grazie

  36. @rudyful mi posto il link online della galleria?

    @Ninja stessa cosa per te mi posto il link online della galleria?

    cosi controllo

  37. daniela(isoladismeraldo)

    Ciao Julius, avrei bisogno di aiuto per una manovra che non riesco a fare con questa gallery xml. L’ho ridotta piccola piccola e l’ho “spalmata” in un altro fla più grande che inserisco nella testa del sito. Funziona tutto perfettamente ad eccezione del fatto che non riesco a spostarla sulla destra ma rimane fissa sulla sinistra. Pensi che sia irrimediabile la cosa?
    Daniela

  38. Ciao Julius mi chiamo Francesco e come te sono un web-flasher complimenti per i tuoi tutorial, sono fonti importantissime per me quando ho bisogno di creare gallery particolari, premetto che ho poca dimestichezza con AS.
    ma vengo subito al dunque: sto realizzando un menu che a ogni click mi apre una gallery diversa strutturata all’inizio come “Galleria dinamica v1 in Flash”per le foto scorrevoli e poi come “Dynamic Gallery con miniature scorrevoli ” con poche modifiche per avere quindi prima delle miniature clickabili le foto in loop e poi la loro selezione e ingrandimento che non sapevo come incorporare su un unico filmato. Il mio problema cui non riesco a risolvere è il seguente: quando per es. passo dalla prima alla seconda e ritorno, un po di volte mi succede una cosa strana l’animazione della stessa mi si incanta e va a scatti…e a volte mi blocca internet explorer…quale può esserne il motivo? io carico i filmati gallery dal menu su livello 50 e poi il movie gallery non è altro che il dynamic gallery con all’inizio il caricamento esterno su clip vuota del filmato foto in loop…
    mi puoi aiutare per favore che non ne vengo fuori e son fermo con i lavori per questo.

    Ciao attendo con ansia una risposta

    Francesco

Commenti