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. Non ne capisco molto di Flash, ma devo dire che le foto sono veramente belle. Bravo :-*

  2. MoonLight

    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!

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

  4. MoonLight

    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!

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

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

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

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

  9. @fered ciao controlla di aver inserito una sintassi uguale al tutorial per togliere il blocco che ho inserito sul blog

    cerca: flash blocco

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

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

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

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

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

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

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

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

  18. molten72

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

  19. @molten72 si certo. Si dovrebbe modificare la struttura di lettura però…

    Hai un motivo in particolare per cui ti serve in XML?

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

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

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

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

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

  25. @carmine se scarichi la versione Flash8 sei sicuro di vedere tutti i Tutorial, solo alcuni vi è anche la versione Flash MX2004

  26. Thuridilla

    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…

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

  28. Thuridilla

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

  29. Thuridilla

    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!

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

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

  32. Salvatore

    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?

  33. Salvatore

    Un’altra piccola domandina…
    Ma nn posso importare i frame dentro un movie clip? devono stare necessariamente nella root principale?

  34. Salvatore

    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?

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

  36. Ciao grazie per il lavoro svolto, volevo farti una domanda…
    oltre alle foto vorrei inserie una diapositiva con un testo???
    ciao grazie

  37. Cristian

    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

Commenti