Dynamic Gallery con miniature scorrevoli

- Letture: 15.784

Oggi vi presento Dynamic Gallery una galleria dinamica con miniature in Flash da scaricare gratuitamente implementata dal sottoscritto.

Dynamic Gallery con miniature scorrevoli

Con questa Galleria dinamica avremo a disposizione una barra con le relative miniature generate in automatico con un resize e le immagini verranno centrate nello stage.

Andiamo ad analizzare il file dati.xml:

<thumb displayNum="6" separation="5">
<image>images/foto1.jpg</image>
<description>Paesaggio Futuristico</description>
</thumb>

  • dislplayNum= Numero di thumbs visualizzabili
  • separation= Spazio tra le thumbs
  • image= Percorso dell’imagine
  • description: Descrizione dell’immagine che comparirà nel box a fumetto

Cliccando sulla foto renderemo visibile o invisibile la barra con le miniature.

Ovviamente la galleria di immagini può essere ridimensionata e personalizzata a piacere, lasciando a voi tutta la creatività.

Implementazioni aggiuntive

Esempio realizzato per laura

Inserimento di un pulsante sulla descrizione statica per caricare un swf esterno prelevato dal file .xml

Stratega, Docente, Speaker con più di 12 anni di esperienza in strategie creative multicanale. Oggi sono Partner & Chief Innovation Officer di ThinkingHat, Innovation Studio specializzato in tecnologie emergenti per aziende e brand audaci.

608 Commenti

  1. Ciao Giulius,
    Bella gallery mi piace tantissimo :D

    Vorrei però chiederti un suggerimento.
    Sto realizzando un sito in flash dove il contenuto di ogni paggina viene visualizzato atraverso una maschera… Ho anche una gallery in un swf esterno che viene caricato sulla paggina attraverso ActionScript. La gallery.swf contiene dei pulsanti per il controllo che essendo dietro la maschera di visualizzazione della pagina non sono cliccabili…

    Mi potresti suggerire come risolvere il problema senza che debba costruire i pulsanti sopra la maschera ? Vorrei propiro riuscire ad escludere l’effetto della maschera sui pulsanti senza ripercussioni sulla normale visualizzazione delle pagine… Esiste un modo ?

    Grazie Ciao.

  2. ciao Julius,
    questa Dynamic gallery è veramente moooolto interessante, farebbe quasi al caso mio, se non fosse perchè… devo fare il contrario! Ho una serie di foto (36-48) da pubblicare in versione thumbnail, organizzate in 3-4 righe da 12 ciascuna (tutte visibili, non a scorrimento come queste), cliccandoci sopra deve apparire il suo ingrandimento (non grande come il tuo, ma lì risolvo) davanti alla serie di thumbnail, mi suggeriresti le modifiche da apportare?
    grazie mille e complimentoni.

  3. Ciao Julius,
    volevo dirti che apprezzo molto questa gallery, è una delle più belle e nello stesso tempo semplici che abbia mai visto, però ho due problemi:
    1) quando inserisco il tutto dentro dei div e non tabelle, non mi carica l’SWF (penso sia un problema del javascript che non trova alcuni oggetti)
    2) ho notato che le proporzioni delle foto sono sbagliate, cioè le foto vengono strecciate verso l’alto anche nei tuoi esempi, cosa posso fare per correggere questo problema?
    P.S. non ho un programma di editing per FLA, speravo di poter regolare il tutto con le dimensione dell’oggetto SWF o delle foto.

    Grazie,
    Nicola.

  4. @Simona: controlla i nomi delleimamgini, ci sono degli errori nel caricamento

    @Raul: in che modo carichi la galleria?

    @Nicola: Purtroppo devi interagire nei sorgenti .FLA minimo per modificare alcuni paramentri per scalare le immagni

    @floless: dai uno sguardo a questa galleria

  5. docleaver

    Ciao Julius, temo di fare la figura da windows..errori ridondanti insomma….però non ne vengo proprio fuori. Ho creato tante gallery modificando parametri di dimensione al max e creando tanti xml ovviamente però il problema basico è che inremoto unziona tutto, mentre on line alcuni mesi della gallery non vengono caricati completamente..solo frecce e nome del flash..ma non le immagini..pensa per un pò e poi niente..o al max ne carica due (su 50/60 per gallery). Che tipo di problema dovrei avere? hai una idea? ti invio il link per capire meglio in caso: http://www.tascabarraca.com/fotosnuevas.html

    grazie grazie grazie

  6. Ciao a tutti! e complimenti a Julius!!!…ho un problema, dopo aver scaricato la gallery e aver cambiato le foto appena carico il file swf su dream…nn visualizzo nulla solo le due frecce su sfondo nero…non riesco a capire la procedura come si fa???
    Grazie a tutti.

  7. Ciao e gran bel lavoro, mi sono spulciato tutte le 17 pagine ma non sono riuscito a trovare l’implementazione che faccia scorrere automanticcamente le foto…E’ possibile avere anche questa versione? In alternativa potrebbe essere utile l’aggiunta di altri 2 pulsanti che faccia passare all’immagine successiva o precedente, it is possible?
    Grazie a Julius e a tutti gli utilizzatori di queste fantastiche pagine!

  8. J_Lankart

    CIAO!!
    HO SCARICATO L’ESEMPIO DELLA GALLERY CON LE FOTO “GRANDI” CLICCABILI E FUNZIONA PERFETTAMENTE!!
    VORREI CHIEDERE SE FOSSE POSSIBILE RICHIAMARE AL CLICK SULLE THUMB, OLTRE CHE LE IMMAGINI JPEG, DELLE GIF ANIMATE OPPURE DEI FILE SWF FACENDO IN MODO CHE RIMANGANO COMUNQUE CLICCABLI

    AVREI BISOGNO DI RICHIAMARE DEI VIDEO IN REALTA’, MA NON ESSENDO FILE PARTICOLARMENTE “ECCEZIONALI” ME LA CAVO ANCHE CON GLI ALTRI DUE FORMATI!

    SI PUO FARE?
    CI STO IMPAZZENDO SOPRA DA UN PO, GUARDANDO ANCHE L’ESEMPIO POSTATO PER LAURA, MA SONO TROPPO NIUBBO!!!!

    JULIUS CHE DICI “SE PO FA?”
    :)

  9. Ciao Julius,

    ho scaricato il file ma non riesco ad aprirlo, mi dici con che versione di Flash è fatto per favore=
    grazie ciao

  10. Ciao Julius
    Inanzitutto complimenti per il tuo lavoro.
    Io ho basi di linguaggi di programmazione ed ora e’ la prima volta che mi avvicino approfondendo un pizzico flash.

    Volevo chiederti dove sbaglio nel richiamare le tue gallerie.
    la maggior parte di esse, richiamandole in un mio progetto flash, risultano visibili in parte o addirittura niente.

    eseguendole singolarmente mi funzionano.
    creo un semplice filmato flash con un pulsante e un clip filmato contenente un rettangolo (le dimensioni risultano maggiori delle gallerie tipo 800×600) che chiamo come istanza “Box”

    poi faccio la chiamata al pulsante on(release)
    nel caso di questa galleria
    loadMovie(“dynamic_gallery.swf”, _root.Box);

    in questa galleria in particolare non mi compaiono le immagini grandi
    ma tutto il resto funziona.
    Lavoro nella stessa cartella in cui si trova l’swf (che da solo funziona)
    la mia versione di flash e’ cs4 e lavoro in AS2

  11. ciao julius
    complimenti questa dynamic gallery mi piace molto..ma ho questo problema…
    la dynamic gallery è sempre centrata nello stage io invece vorrei posizionarla sotto in basso nel mio stage, diciamo sotto un banner che occupa dalla meta’ in su lo stage, quali sono i parametri che devo cambire per non centrare la dynamic gallery….

    saluti matteo

  12. Ciao, sono anch’io nuovo di flash e as3, provo ad inserire una galleria fotografica in un movieclip vuoto sullo stage, la galleria viene fuori dove voglio ma non è animata hai un idea di come risolvere il problema?

  13. @Vincent Ciao usa _loockroot in questo modo

    loadMovie(”dynamic_gallery.swf”, _root.Box);
    _root.Box.lockroot=true;

    @matteo inglobala in un clip filmato usando la sintastti che ho scritto per Vincent

    @vito non è animata nel senso che non funziona? se la richiami con loadMovie utilizza lockroot

  14. Scusa ma il mio flashMX non apre il file .fla dice “formato file imprevisto”, suggerimenti su come posso risolvere? Grazie

  15. Ciao sono nuovo di qui!
    Questo tua sorgente gallery è molto bella!

    Vorrei chiederti un suggerimento!
    Sto facendo un lavoretto per un fotografo, e questa tua gallery sarebbe perfetta ma dovrei implementarla in questo modo.

    invece di avere un’immagine BIG ne ho due (questo per far vedere all’utente due scatti dello stesso oggetto).
    Per farti un esempio nella gallery 3d la prima immagini sarà in wirefire l’altra sarà il rendering.

    se nel xml prima avevo

    images/foto4.jpg
    Tartaruga
    images/foto4_small.jpg

    adesso ho

    images/foto4a.jpg
    images/foto4b.jpg
    Tartaruga
    images/foto4_small.jpg

    quindi se mi son spiegato
    ho il record xml che ha due immagini grandi e la solita thumb
    queste due immagini dovrebbero dissolversi tra di solo generando diciamo una piccola animazione!

    C’è la fai a darmi qualche consiglio?

  16. Ciao sono nuovo e mi sono da poco affacciato nel mondo di flash.
    Ho visto questa tua galleria, e devo dire che mi piace molto, ora però ho un problema…
    Cercando di aprire il file swf con swish max mi dice:

    Warning: Some masks/object/scripts colud not be imported.
    Please click the ‘Show File Infrmation….’ button in the Import dialog for details.

    A me interesserebbe cambiare il nome del fiel da cui carica i percorsi delle immagini…

    potresti aiutarmi

    Grazie

  17. Senti julius…
    Abbi pazienza ma io ho bisogno di aiuto!!!
    Ho scaricato il sorgente ma come caspita lo metto all’interno del sito con foto mie…????
    Il sito lo sto facendo con dreamweaver…
    Grazie in anticipo….
    Simone

  18. Ciao Julius, bellissima la tua galley con le miniature scorrevoli, devo dire che l’ho trovato molto utile ed elegante per quello che devo realizzare,ma c’è solo un piccolo problema.

    Io sto realizzando una galley per una agenzia immobiliare, e devo mettere in questa gallery sia foto in verticale sia foto in orizzontale, il problema è che nelle thumb non mi si visualizzano alla stessa distanza l’uno dal’altro.
    Mi spiego meglio…se io ho solo foto in orizzontale, non c’è nessun problema, ogni thumb mi viene messa distanziata una da l’altra come decido io.
    Ma appena metto una foto in verticale questo distanziamento tra un thumb e l’altro non viene rispettato.

    Che posso fare?

  19. Salve, complimenti per la galleria :) davvero bella!!!

    io volevo creare un sito con più stanze, in ognuna delle quali ci dovrebbe essere una galleria diversa.
    Come faccio ad impostare la galleria in maniera tale che per caricare le immagini vada ad attingere al file “dati” per la prima galleria e, per esempio, al file “dati2” per la seconda galleria???

    Grazie mille :)
    by Dex

  20. Hi, i like your gallery so much, but i have a problem i don’y knw how to change the bar orientation, i mean i want the bar vertical oriented but i have problems doing that. I’m new in Flash and i need to finish my page because my wedding is in 4 weeks… I appreciate your help

  21. Julius ha scritto:

    @SimoZa: ma se incolli nel xml funziona il tuo generato da php?

    Riprendo una questione di qualche mese fa mai risolta.
    Alla tua domanda rispondo di si.
    Basta fare copia (generato con php) e incolla nel file xml (che funziona)

  22. Ciao Julius.
    Una volta inserita la tua Dinamic Gallery nel mio sito, come possono fare i visitatori a scaricarsi le foto che vorrebbero?
    Io ho provato cliccando col tasto destro del mouse ma tra le voci della bandiera che compare non c’è quella di “Salva immagine con nome”.
    Come posso fare?
    Io ho l’esigenza che i miei visitatori possano scaricare le foto.
    La tua Dinamic Gallery l’ho salvata con Flash CS3 e il sito è costruto con Dreamweaver.
    Grazie

  23. Ciao Julius.
    Ho cercato di rendermi autonomo per non disturbare, ma purtroppo sono di nuovo qui a chiedere aiuto.
    Ho scaricato la sorgente (Possibilità di scaricare la foto cliccando su quella grande), ma non riesco a capire cosa devo cambiare al file originale per poter scaricare le foto.
    Mi puoi aiutare?
    Grazie.

  24. Ciao Julius! Grazie infinite per tutto quello che metti in condivisione!
    Volevo chiederti se sai indicarmi uno slideshow che, sempre caricando da xml, in caso di foto verticali, effettui un movimento appunto verticale per visualizzarle per intero… oppure in alternativa che si possa effettuare una “navigazione” dell’immagine come nel tuo tutorial https://www.juliusdesign.net/zoomer-pan-xml-gallery/

  25. @Actor a fondo articolo, in Implementazioni aggiuntive primo download vi è la possibilità di aggiungere un link all’immagine, puoi linkare alla stessa immagine .jpg oppure a un file compresso .zip contenente l’immagine

    @Andrea dai un’occhiata a questa

  26. Ciao Julius.
    Avevo già provato a fare quello che mi hai risposto ma non funzionava allora come non funziona ora, avendoci riprovato.
    Aggiungo la stringa d’indirizzo : http://miosito/mia cartella/foto1.jpg , all’interno di “dati.xml” (come da tuo esempio) ma non succede nulla. Nemmeno indirizzandolo una cartella zippata.
    Dove sbaglio?
    Mi potresti aiutare con un esempio pratico?
    Grazie

  27. Caro Julius,
    non so come, ma ce l’ho fatta!
    Ho ri-scaricato di nuovo tutto, sostituito le azioni a Symbol 8, date le mie nuove misure ed ora funziona.
    Solo una cosa mi manca, ora.
    E’ possibile, cliccando sulla foto grande, farla aprire in una nuova pagina _blank?
    Se si, come?
    Grazie

  28. Ciao julius!
    Dopo averci provato in tanti modi.. mi diresti come faccio a centrare l’swf in mezzo alla pagina come hai fatto tu,
    che usando la tabella solamente rimane sempre incollato in alto a sinistra..

    grazie mille
    ciao luca

  29. actor ha scritto:

    Caro Julius,
    non so come, ma ce l’ho fatta!
    Ho ri-scaricato di nuovo tutto, sostituito le azioni a Symbol 8, date le mie nuove misure ed ora funziona.
    Solo una cosa mi manca, ora.
    E’ possibile, cliccando sulla foto grande, farla aprire in una nuova pagina _blank?
    Se si, come?
    Grazie

    Ciao Julius.
    Ti chiedo la cortesia di rispondere a quest’ultima domanda che ti ho fatto.
    Ormai sono pronto per mettere in linea il sito che ho creato.
    Mi manca solo di inserire il codice per far aprire le foto in una pagina _blank.
    Io ci ho provato in tutti i modi ma non ce l’ho fatta.
    Mi potresti aiutare tu? Te ne sarei veramente grato.
    Grazie

  30. cia Julius, scusa la mia scarsa esperienza, ma non riesco proprio a capire come fare per permettere il salvataggio delle foto, il procedimento da me utilizzato è:
    – scarico l’archivio principale della gallery
    – scarico l’archivio per il salvataggio di una foto (metto tutto in una stessa cartella)
    – creo una pagina html in dreamweaver ed aggiungo l’oggetto flash dynamic_gallery.swf
    ora cosa devo fare per permettere di salvare le foto? dovrei aggiungere semplice una stringa nel file xml? se si quale…

    Grazie infinite

  31. actor ha scritto:

    actor ha scritto:
    Caro Julius,
    non so come, ma ce l’ho fatta!
    Ho ri-scaricato di nuovo tutto, sostituito le azioni a Symbol 8, date le mie nuove misure ed ora funziona.
    Solo una cosa mi manca, ora.
    E’ possibile, cliccando sulla foto grande, farla aprire in una nuova pagina _blank?
    Se si, come?
    Grazie

    Ciao Julius.
    Ti chiedo la cortesia di rispondere a quest’ultima domanda che ti ho fatto.
    Ormai sono pronto per mettere in linea il sito che ho creato.
    Mi manca solo di inserire il codice per far aprire le foto in una pagina _blank.
    Io ci ho provato in tutti i modi ma non ce l’ho fatta.
    Mi potresti aiutare tu? Te ne sarei veramente grato.
    Grazie

    Perdonami se insisto caro Julius,
    ma non sono ancora riuscito a risolvere il problema di, cliccando sulle foto, farle aprire in una pagina _blank.
    Mi potresti aiutare?
    Grazie

  32. ciao julius ho istallato adobe flash cs4 per modificare la gallery ma quando lo apro mi fa vedere tutti gli oggetti.. cioè non vedo il codice, come faccio a modificare la grandezza delle immagini grosse?

  33. julius il codice l’ho trovato… xò modifico le due righe xscale e yscale ma le dimensioni delle immagini non cambiano
    come faccio?

  34. ciao julius ma uno slide foto come questo è possibile caricarlo su myspace band?

  35. Ciao Julius,
    chiedo scusa per la richiesta ma ho proprio bisogno d’aiuto e io e flash siamo due cose ben distinet.
    Ho scaricato da “scarica sorgente” e poi “Scarica sorgente Possibilità di visualizzare le foto tramite rollover”.
    Saresti cosi’ gentile, ammesso che non sia troppo lungo, da spiegarmi ora che cosa devo fare per mettere le mie foto e far funzionare il flash.
    Grazie

  36. Ciao Julius,

    ho notato ke quando vado a caricare il filmato sul web ci mette un po nel caricare le immagini, anke xkè hanno una risoluzione elevata, e volevo chiederti se è possibile inserire un PRELOAD ke inganni l’utente nell’attesa ke si carichino tutte le foto!! E’ possibile???? HELP MEEEE!!!!

  37. Ciao Julius.
    Sto cominciando a preoccuparmi !!!
    Ho notato che è dal 9 settembre che non ripondi ai post di questa galleria.
    Qualcosa non va?
    Perdonami se ficco il naso in faccende che, forse, non mi riguardano, ma conoscendo la tua correttezza, gentilezza e disponibilità, non mi spiego questo “buco temporale”.
    Dicci qualcosa.
    Ciao

  38. ciao ma se volessi inserire in una pagina web il sorgente come faccio?
    grazie in anticipo

  39. Ciao Julius,

    Sono Marco…….
    Sono nuovo in flash
    Il mio problema e’ che non so come inserire il percorso del file xlm……. come devo fare
    Grazie Mille

  40. ciao a tutti.

    Io vorrei fare in modo che il movie “barra” appaia quando vado col mouse sull’area che il movie occupa e scompaia quando mi sposto.

    l’ho fatto cosi:

    barra.onRollOver= function() {
    this._alpha=100;
    }
    barra.onRollOut= function() {
    this._alpha=0;
    }

    in questo modo funziona (nel senso che appare e scompare) solo che non funziona +.
    qualcuno sa dirmi come posso fare?

  41. Complimenti- ottimo
    Volevo chiedere come è possibile ottenere un carattere piu grande del nome delle immagini quando passo sopra col mouse. Grazie

  42. Ciao Julius,scusa…
    La tua dinammic gallery puo’ essere usata nel mio sito?
    Quali sono le condizioni di Copiright?
    grazie anticipate
    stefano

Commenti