Galleria dinamica v1 in Flash

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

Annunci

81 thoughts on “Galleria dinamica v1 in Flash

  1. Ciao!
    Io ho provato a far caricare un’ottava foto ma non funziona! Ho modificato il file .txt ma nulla da fare. Perchè?

    Grazie e complimenti!

  2. Ciao MoonLight se avessimo un’ottava foto dovrai avere in foto/foto_8.jpg
    e nel file .txt dovrai impostare il totale delle foto a 8 in questo modo
    totalefoto=8&auto=si&tempo=4&audio=si&titoloaudio=Ambient Gallery&urlaudio=001.mp3&rgbsfondo=000000
    ciao se hai altri dubbi chiedi pure

  3. Ciao Julius, grazie della risposta. Hai ragione,il codice funziona perfettamente… Non riesco a capire il perchè ma era una specifica immagine a darmi problemi. Eppure è un jpg. Bah! E naturalmente io ho provato proprio con questa foto “problematica” 🙂

    Grazie ancora e buon lavoro!

  4. ciao julius,
    Innanzitutto complimenti per come hai reso semplice la gestione delle immagini con un semplice file txt!
    volevo porti un quesito:
    Se io volessi creare invece un galleria dinamica dove le foto non appaiono tutte nello stesso quadrante in dissolveza ma tutte insieme una di seguito all’altra. come devo fare? tenendo presente che avrei bisogno anche di aver il Titolo (nomefile) e che ovviamente le foto devono essere caricate da una cartella posta all’interno della wwwrooot?? grazie. Stefano

  5. Ciao Stefano,

    La galleria da te descritta ha una struttura diversa da questa, appena ho tempo scrivo un Tutorial per questo tipo di struttura, tra l’altro era in programma di farlo 🙂

    Spero nei prossimi giorni di finirla…

    ciao e…

    grazie per i complimenti

  6. ciao! innanzitutto grazie per i files sorgente! Ti pongo un quesito:
    dovrei modificare la galleria facendo un random delle immagini, senza nessuna ripetizione delle stesse prima del completamento di un ciclo. come faccio, secondo te? grazieeeee!

  7. Ciao,
    la galleria è molto bella, ho provato ad utilizzarla con 8 foto ed eliminando il suono sia da flash che dal file txt.
    Un problemino: ho pubblicato il file flash utilizzando la procedura per il contenuto attivo di flash 8 per evitare il blocco di IE ed ho copiato il codice generato nel file html in un layer di un altro file html, però se lo apro con mozilla tutto ok, mentre se utilizzo IE le foto saltano senza rispettare il tempo imposto e in modo casuale e discontinuo.
    Grazieeeee!!!

  8. Ti ringrazio x avermi risposto, ma nn capisco cosa devo cercare.
    Ho modificato il solo file di testo indicando il n° di foto ed eliminando tutto ciò che riguarda l’audio.
    Ho eliminato anche i layer audio e barra ed alcuni simboli dalla libreria (tipo audio).
    Grazie

  9. ciao
    sei molto bravo, complimenti.
    Una domanda: devo fare un sito html con un plugin in flash per la galleria foto.
    Il plugin è a pagamento, però io posso prenderwe spunto dallo script in flash del plugin e modificarmelo a mio piacimento?
    Oppure mi darebbe problemi di copyright?
    Grazie

  10. Ciao diego, se il plugin è protetto da copyright non puoi diffonderlo anche se lo modifichi, in quanto è sempre un’opera d’autore
    Se invece mi stai chiedendo se puoi riprodurre una galleria a pagamento solo prendendo spunto dalla visualizzazzione, si quello si può fare…ma se gia riutilizzi il codice sotto copyright..no
    ciao

  11. mmm ok, vorrà dire che acquisterò il plugin (che tuttavia è proprio come piace a me con bottoni flah, suoni e cosi via).
    Qualche domandina se hai tempo… e voglia…!
    Mi sono intrippato con un sito che ho visto e all’improvviso ho deciso di farne uno. Ho letto qualcosa su html, flash ecc.
    1- il sito lo farei con dreamweaver (che sto scaricando) e prendendo a modello un altro sito, modificandolo a mio piacimento. Le foto che carico sono contenute in una cartella del mio “albero” web?
    2- per le miniature devo caricare io delle foto piccole oppure il programma riduce quelle esistenti?
    3- come si avvia il flash(sia per le foto che per i pulsanti)? mettendo un istruzione nella mia pagine iniziale o nelle pagine che mi interessano?
    4- posso aprire una pagina web salvata sul pc con dreamweaver e prenderla come spunto?
    5- posso mettere una musica di sottofondo senza problemi con la siae?

    grazie

  12. le miniature devo caricare io delle foto piccole oppure il programma riduce quelle esistenti?

    Gestire le immagini

    come si avvia il flash(sia per le foto che per i pulsanti)? mettendo un istruzione nella mia pagine iniziale o nelle pagine che mi interessano?

    Inserire elementi Flash

    posso aprire una pagina web salvata sul pc con dreamweaver e prenderla come spunto?

    Certo la apri dreamweaver e ci lavori avendo a disposizione una visualizzazione in Progettazione e in codice

    posso mettere una musica di sottofondo senza problemi con la siae?

    Nei siti spesso si sentono file audio, per non avere problemi con la SIAE ti bastà verificare che la canzone che inserisci non sia coperta da copyright e quindi utilizzabile gratuitamente…

  13. Ri-ciao
    sto cercando di acculturarmi ma alcune guide non sono cosi chiare.
    Ti chiedo qualcosa di base: ho capito che la pagina iniziale si chiama index, da li partono tutti i collegamenti alle altre pagine.
    Ma le altre pagine sono altre cartelle?
    Io pensavo che ci fosse tipo un albero (stile esplora risorse), ma invece su dreamweaver per ora riesco a fare una pagina alla volta. Non posso creare un clone del mio sito sul pc e poi vado a uploadare gli aggiornamenti? se si come si fa?
    Per le foto in galleria qual’è la dimensione più adeguata per evitare che si vedano enormi?
    per ora ri-grazie

  14. Allora dreamweaver permette di creare siti attraverso anche una visualizzazione in locale, come dici tu, stile esplora risorse.
    Puoi gestire il sito collegandolo in ftp, in questo modo, lavorando in locale ed essendo in linea, potrai da DW caricare i file con un click..
    Io ho DW 8, [tasto rapido F8] ed entri nel pannelo FILE in cui vedi tutti i file presenti nella tua cartella.
    Trovarai una combo in cui selezionare i siti creati da te..
    Se ne vuoi creare uno e configurarlo tramite ftp, clicca sulla combo e scegli GESTISCI SITI
    In seguito segui le istruzioni che ti verranno fornite e non avrai problemi.
    Per quanto riguarda le foto, usa le dimensioni stabilite oppure cambia le dimensioni rapportando il tutto alle dimensioni della tua gallery.
    saluti

  15. Ciao Julius
    sono sempre io 🙂
    dopo varie sere passate a fare tentativi ho capito alcune cose:
    le miniature le devo caricare con nome tn_pippo.jpeg e dimensione 157×117 oltre a caricare la foto pippo.jpeg, altrimenti non visualizzo nulla.
    Tuttavia dopo aver caricato la galleria, dopo la ottava icona non ne visualizza più, boh…????
    Io pensavo che le miniature se le creasse da solo tipo un anteprima che hai se apri una cartella in windows…
    Vorrei far visualizzare la galleria in una pagina html, provo e se ho problemi mi rifaccio vivo, ma che tipo di indicazione devo dargli?
    inserisci file swf? Anche perchè devo modificare il file config.ini della mia galleria con globalpath: [url]
    ma se inserisco già il file flash nella pagina html che senso ha modificare anche il file config.ini?
    Insomma vedo gli altri siti che usano lo stesso programma e vanno alla grande.
    Per me è un gran casino… e dire che non sono un imbranato su ste cose….
    grazie.

  16. bella questa foto gallery.
    Le foto possono essere lette da un file xml invece che da un txt.
    sarebbe molto complicato modificarla?

  17. Non capisco perchè cambiando le foto all’interno dell’apposita cartella al momento dell’anteprima ottengo un errore e non carica le nuove immagini..forse dimentico di aggiornare qualche parametro?
    grazie mille!

  18. Ciao e complimenti
    ho provato ad utilizzare la galleria…
    ho difficoltà a togliere la barra col pulsantino “Audio on” “Audio off”.
    Immagino di dover andare nel file .fla
    Ma come lo apro e dove intervengo?
    Grazie… sono alle prime armi
    E ancora complimenti

  19. @vale
    controlla bene il file XML, potresti avere inserito dei caratteri non corretti

    fammi sapere ciao

    @carmine
    Devi avere installato macromdia Flash per intervenire sul .fla

  20. Grazie,ma quella barra la gestisce direttamente il .fla credo il file XML non ce l’ho proprio!…

    Mi potresti dire dove scaricare macromedia Flash che mi permetta di intervenire sul .fla?

    Ciao

  21. Ciao Giulio, mi chiamo Sandro e volevo prima di tutto complimentarmi per i tuoi lavori.

    Avrei bisogno di utilizzarne alcuni per fini commerciali: lo consenti?

    Imoltre volevo chiederti se sei disposto a realizzare qualcosa per me di nuovo e/o
    modificando qualcosa che hai già fatto.

    Grazie e bentornato dalle ferie

    Sandro

  22. Ciao Julius, innanzitutto ti ringrazio per il tuo blog, è davvero interessante ed utilissimo. Io sto cominciando a guardare Flash e davvero sono molto ignorante in materia. Ho provato ad aprire il sorgente ed a vedere cosa riesco a capire, e devo dire… davvero poco 😦
    Se voglio rimpicciolire il formato della galleria (ovviamente dopo aver rimpicciolito le foto, dove devo operare.
    Scusa la domanda sciocca, ma ci ho provato a cambiare le dimensioni del documento e dello sfondo, ma quello che ottengo è che le slides compaiono in basso a destra…

  23. Ovviamente dopo aver ridimensionato le foto ti basta andare sulle impostazioni generali di Flash e impostare le dimensioni dello stage.

    Nel pannello proprietà trovi un pulsate con le dimensioni di stage, clicca e cambia..

  24. è proprio così che ho fatto…
    ho modificato le dimensioni dello stage dalle proprietà (che ti ho definito Documento perchè il programma in it lo chiama documento…, ma è lo stage, se non ho capito proprio malissimo)
    e teoricamente dall’interno del file .fla sembra tutto ok ma nel filmato .swf, che si è correttamente ridimensionato, le slides ora sono tutte spostate a destra e in basso, quindi se ne vede solo un angolino..

  25. Ci sono riuscita. Quello che non facevo era andare a cambiare l’impostazione dello stage anche nelle azioni, dove è riportato
    // Dimensione dello Stage
    StageLarg = 290;
    StageAlt = 165;

    Ciao e grazie!

  26. Ciao,
    scusami se ti tormento ancora, ma sono imbranato.
    Vorrei togliere dalla galleria la barra in cui compare “audio on – audio off”.
    Ho scaricato la versione 8 di Flash, ma non mi apre il file .fla dove penso si debba intervenire per togliere la barra suddetta.
    Un altro file .fla (slide.fla) sempre preso da te, me lo legge invece…
    Mi aiuti se ti è possibile?
    Un altra cosa. Nel pubblicare il sito, i file sorgenti devono essere pubblicati o basta pubblicare solo i file .swf
    Capirai dalle domande che sono un profano di flash…
    Ciao e grazie

  27. Ciao Giulio,
    complimenti per il tuo sito e i tutorial, mi piacciono.
    Una domanda per questo, ho abilitato la modalità per visionare la gallery con i pulsanti , però sarebbe utile se cifosse anche un pulsante che mi dia l’oppurtunità di avanzare in modo automatico, senza fmodificarlo dal codice.
    E’ possibile?

    Un saluto da un tuo omonimo.

    Giulio

  28. Ciao Julius veramente grande questo tuo blog…
    Una sola domanda…
    C’è un metodo per bloccare lo slide delle img automatico al passaggio del mouse sopra?

  29. Ma se esporto il filmato nella versione del flash player 8 e action script 2.0 non funziona… o meglio non tiene conto del numero delle pag. come mai?
    Cosa bisogna modificare?

  30. @Giulio Golinelli ciao,
    si tutto è possibile, appena ho un pò di tempo, implemento anche questa cosa…

    @Salvatore ciao,

    certo puoi richiamare tramite un loadMovie però per far si che non ci siano problemi di percorsi, usa _lockroot

  31. Ciao Julius,

    complimenti per la galleria. Ho un problema non riesco ad aprirla con il mio flash mx 6.0. Come posso risolvere…???

    Grazie in anticipo. Ciao

  32. 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

  33. 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 😉

  34. 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!!!!!!!

  35. @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;

  36. 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….

  37. 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

  38. 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!

  39. 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?!

  40. 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

  41. @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

  42. 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

  43. 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

  44. 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…

  45. 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?

  46. 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!

  47. 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.

  48. 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

  49. 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!!!!!!!!!!!!! 😉

  50. 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

  51. Ciao Julius, buon anno 😉 hai per caso avuto tempo di implementare il discorso dei movimenti sulle assi x e y e sullo zoom in e zoom out delle immagini? scusa se sembro invasivo ma volevo capire come si poteva implementare sta cosa ^^. grazie.

  52. Ciao Julius
    volevo chiederti se la galleria funziona solo con jpg, perchè sto provando a caricare dei file gif e non funziona, oppure se è possibile applicare una maschera (perchè le foto mi servirebbero rotonde).

    Grazie (scusa ma sono alle prime armi!!!)

  53. Ciao julius,
    volevo chiederti come posso fare affinchè le foto che scorrono in dissolvenza possano, con un click, fermarsi ed ingrandirsi.
    grazie

Rispondi

Effettua il login con uno di questi metodi per inviare il tuo commento:

Logo WordPress.com

Stai commentando usando il tuo account WordPress.com. Chiudi sessione / Modifica )

Foto Twitter

Stai commentando usando il tuo account Twitter. Chiudi sessione / Modifica )

Foto di Facebook

Stai commentando usando il tuo account Facebook. Chiudi sessione / Modifica )

Google+ photo

Stai commentando usando il tuo account Google+. Chiudi sessione / Modifica )

Connessione a %s...