Dynamic Gallery con miniature scorrevoli

- Letture: 15.779

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. Grazie Julius,
    da tempo avevo visto la tua gallery e volevo implementarla nel mio sito!!
    E’ fantastica e tu sei un grande!!!
    Hai messo a disposizione di tutti uno script già pronto, funzionale e facilmente personalizzabile!!
    Ora devo capire come inserirlo in un blog di blogger!

    grazie
    elisabetta

  2. Complimenti Julius!!!
    La gallery è stupenda e semplicemente personalizzabile.
    Volevo solo farti una domanda, infatti riesco a inserire semplicemente le immagini ma non capisco il motivo per cui nell’swf che esporto sembra che le immagini siano di una risoluzione minore, nonostante ho utilizzato le stesse misure del sorgente che hai messo a disposizione.

    Grazie mille :)

    Sara

  3. Ciao Julius,
    complimenti per tutto! Ho solo una domanda riguardo questa Gallery. Se io aggiungo delle foto nella cartella specificata ed arrivo ad averne una dozzina, come mai nonostante io abbia modificato il file .xml non le posso vedere? Ne vedo un massimo di 7 comprese le thumb.

    Grazie

  4. Chiedo Scusa ma sbagliavo nella stesura dell’XML.

    A posto. Veramente perfetta. Grazie ancora

  5. Roberto Magliozzi

    Ciao e complimenti.
    Ho un problema…. siccome alcune foto sono verticali ed altre verticali, quelle orizzontali si sovrappongono. Sto parlando dello slide, è come se il sistema riconosce come w solo quello delle foto verticali. Non so se mi sono spiegato bene.

  6. Ciao Jlius è il mio primo mess, ma adesso che ti o scoperto penso che sarà difficile andarmene.
    Prima di tutto, anche se sarai stanco di complimenti da quello che o letto, mi associo e ti faccio i miei migliori auguri.
    Adesso la parte del dovere, o scaticato dynamic_gallery con qualche modifica è esattamente quello che fa per me, ma mi crea un problema, ti spiego.
    io lavoro con FL CS 4,
    devo richiamare Dynamic-Gallery come swf esterno e fino a qui va, il problema è chiuderla e tornare alla pagina da dove era stata richiamata Dybamic-Gallery a un esatto frame.
    Ai qualche suggerimento ?????

    ciao e grazie gimi302

  7. hey ciao Jul. mi chiamo fabio, web designer che opera per lo più sul mercato USA. Ti volevo chiedere una cosa riguardo la gallery (ottima). Sembra strano ma non ho nessun problema di personalizzazione di alcun tipo, ma l’unico intoppo è che quando la carico dal file html non me la vede, o meglio si vedono solo i 2 buttons. Hai quanche idea di quale fosse il problema? Grazie..

  8. heyla Jul..in riferimento al commento che ti ho inviato qualche min fà, ho risolto…il problema era che tutti i file della gallery devono stare nella root principale. Ma cmq non riesco a capire xke se ciò non fosse non mi funziona. Bo!!

  9. Ciao Julius.
    Già te l’avevo chiesto tempo fa.
    Io non sono riuscito a risolvere il problema.
    E’ possibile far aprire le foto in una pagina blank (per poterle scaricare) ?

  10. Ciao Julius,
    ottima galleria.
    Io ho copiato tutta la libreria e i frame della root dentro il mio sito in flash. Le miniature vanno perfettamente e anche le frecce…però non vedo l’immagine big.
    Quale può essere il motivo?
    Dove viene passata l’azione del click sulle miniature per visualizzare la big?

    ciao e grazie
    Alessandro

  11. Ciao Julius,
    ottima galleria, l’ho molto fruttata per i miei lavori e non mi ha dato mai problemi.
    Ho una domanda, ma forse credo di avere la risposta ma te lo chiedo lo stesso.

    Se volessi implementare questa galleria in un sito creato in joomla come posso fare? Ho fatto delle prove, il file flash me lo carica senza problemi ma il mio xlm no.

  12. Ciao Julius. Sto scrivendo un sito in XHTML. Ho diverse pagine con ognuna delle immagini e su tutte le pagine vorrei mettere la galleria dinamica. Ho il problema dunque di aprire ogni volta una diversa collezione di immagini ma come posso fare visto che il file dati è uno solo? PS. non ho flash e non saprei neanche metterci mano. Grazie ancora. Complimenti davvero per le tue capacità.

  13. Ciao Julius

    Complimenti per la splendida gallery, veramente funzionale e leggera.

    Volevo sapere se c’è la possibilità di mettere dei bottoni prev e next per far scorrere l’immagine grande.. al momento puoi solamente visualizzare un’immagine in grande cliccando sulla corrispondente miniatura. Io vorrei poter scorrere direttamente l’immagine grande (magari con due bottoncini che diventino visibili solamente quando ci si avvicina al bordo sinistro e a quello destro dell’area di visualizzazione.

    Grazie e complimenti ancora !

    Silvio Banzi

  14. Ciao Julius grazie per la galleria e davvero complimenti per il lavoro che fai e condividi!
    Io mi permetto di chiederti una cosa che va un po’ oltre la gallery visto che non sono molto esperta nell’uso di flash. Ho usato la tua galleria e tutto funziona benissimo tranne che su explorer che mi da dei problemi con un semplice menu costruito con i css: solo su explorer il menu va sotto il flash e non consente la navigazione. Cercando in rete ho trovato delle soluzioni che dicono di inserire nell’object del flash questo e nell’embed questo: wmode=”transparent” ma a me non funziona lo stesso.
    Puoi vedere cosa mi succede in questa pagina http://www.castellodirosciano.com/italiano/cerimonia.html, scusami se mi sono permessa di chiederti questa cosa ma ho pensato che tu magari avessi già affrontato tale problematica altre volte.
    Grazie di tutto

    Leda

  15. @ Julius: Grazie Julius infatti quello era uno degli articoli che avevo letto, avevo trascurato lo z-index adesso ho provato inserendo anche 2 z-index diversi ma non funziona lo stesso :(

  16. Ciao
    Sei bravissimo… io un po’ meno… perciò cercavo il tutorial per utilizzare questa fantastica galleria, ma proprio non riesco a trovarlo… clicko su tutorial ma si apre la galleria… ciao e grazie
    A.

  17. ciao julius la galleria è bellissima e per solanizzabile …
    ti volevo chiedere una cosa …
    come fare a modificare lo script in modo da evitare alla miniatura di spostarsi leggermente verso destra quando ci si passa sopra con il mouse?
    grazie

  18. cibernella

    @ Issivan:
    Ciao, cercavo la tua stessa cosa, mettere un link direttamente sulle miniautre, nel mio caso dovrebbe aprire una pagina html. Praticamente uso solo le miniature. Ho completamente tolto l’ingrandimento. Però mi sembra che non sia stata data una risposta alla tua domanda. Sei riuscito a trovare la soluzione?
    Grazie, ciao.

  19. Ciao..Julius,scusami ..
    se vado subito al dunque..
    ho provato la Dynamic gallery.. e la dynamic gallery big and small thumb..vorrei inserire nel sito che sto facendo a tempo perso a degli appassionati di mountain bike (compreso me)una delle due.con o senza ..music on load..nel flashbox( ….lo porto avanti mano a mano che gli amici mi chiedono le modifiche on line e inviano le foto.siamo in molti di piu’ che noi tre..e il materiale fotografico è tanto..)se solo riuscissi a vedere il risultato photogallery..( dopo aver creato la cart.images..o img..scompattato i file,aver mod.il file xml..con le foto e indirizzo preciso,e aver salvato la pag.come..prova.html.nella stessa cartella) invece che le sole foto caricate..con l’editor e le thumb,(ho usato sia dreamweaver..che frontpage 2003..che nvu..uguale ).sto facendo ..(anche ora)un errore persistente…vedo le foto ..ma non in sequenza fotogallery..e senza boxvideo.con le thumb..cliccabili..
    l’altro effetto crea slide thumb. (sensa zoom sulle foto invece è perfettamente adattabile a tutti i div provati)..e lo inseriro’ in altri siti..che mi hanno chiesto..
    ti lascio il link del sito,per un tuo giudizio,è semplice,solo per creare una piccola identita’ sul web….http://mtbiketuoro.altervista.org…(un tuo consiglio in generale.. sulla video gallery e foto..vista la tua esperienza in merito mi sarebbe veramente utile..)..un sentito grazie per il tanto materiale che metti a disposizione.di tutti …so’ che la fatica per “tenere” un blog cosi ben strutturato è molta..ma la tua passione ..condivisa..fara’ la differenza..se puoi rispondermi via email..un saluto..sergio

  20. ciao julius…
    mi complimento ancora una volta per i vari tutorial.
    formidabili…
    ora su questo avrei bisogno di un aiutino … come fare per prevedere il caricamendo di img sia orizzontali che verticali lascindo sempre la formattazione centrata???

    grazie mille e ci vediamo il 5 spero
    ;”)

    dekka

  21. Ciao Jiulius il tuo sito è ricco di risorse per noi fleshati e i tuoi tutorial sono eccezionali. volevo chiederti un piccolo aiuto riguardo a questa gallery: perchè se la carico da un livello nuovo vedo tutto bene mentre è caricata da un movieclip vuoto riesco a vedere solo lo scroll di miniature ma non vedo l’immagine grande? puoi esser così gentile da spiegarmi la cosa per favore?
    ciao e grazie!

    Francesco

  22. elisabetta ha scritto:

    Grazie Julius,
    da tempo avevo visto la tua gallery e volevo implementarla nel mio sito!!
    E’ fantastica e tu sei un grande!!!
    Hai messo a disposizione di tutti uno script già pronto, funzionale e facilmente personalizzabile!!
    Ora devo capire come inserirlo in un blog di blogger!
    grazie
    elisabetta

    se ci sei riuscita …. aiutami !!!
    io non ci riesco …. uffa !

    comunque grazie julius

  23. possibile che se la gallery viene caricata come swf esterno nella root l’immagine principale non mi appare?! deve essere questione di posizionamento immagino, ma non riesco a risolvere il problema… puoi darmi qualche dritta?!

  24. fabio ha scritto:

    hey ciao Jul. mi chiamo fabio, web designer che opera per lo più sul mercato USA. Ti volevo chiedere una cosa riguardo la gallery (ottima). Sembra strano ma non ho nessun problema di personalizzazione di alcun tipo, ma l’unico intoppo è che quando la carico dal file html non me la vede, o meglio si vedono solo i 2 buttons. Hai quanche idea di quale fosse il problema? Grazie..

  25. scusate , sarebbe possibile inserire una gallery swf su un FBML di Facebook ? Intendo una gallery swf di foto che carica le foto da un sito.

  26. Ciao, innanzitutto complimenti per il tuo lavoro…veramente invidiabile!!
    Parlo da completo ignorante in materia…puoi dirmi dove trovare un tutorial per capire che codice devo inserire e dove per implementare la galleria in una pagina del mio sito??
    Grazie mille e complimenti ancora!!!

  27. Ciao, hai fatto veramente un ottimo lavoro, e ti invidio per la tua abilità con Flash. Avrei una domanda da porti, riguardo la tua galleria: come faccio a fare in modo che l’immagine selezionata appaia piu’ in alto, e come faccio ad inserire un box nello spazio sotto di essa? Se vuoi rispondermi via mail, ti do anche il mio indirizzo…

    Grazie mille, e complimenti!

  28. Ciao e complimenti hai fatto proprio una bella gallery!
    Purtroppo non conosco bene falsh e ho un problema, io in un sito dovrei fare una serie di gallery, e vorrey caricare un solo file swf e poi in base alla gallery scelta collegarlo al file xml con le foto scelte.
    Ho visto sul codice del file flash che il file viene caricato attraverso la funzione load, è possibile eseguire questa funzione nella pagina html?

    Grazie

    Simone

  29. Ciao Julius inannzi tutto complimenti, sto cercando di utlizzare la tua gallery tutto bene tranne per un piccolo problema uso foto di dimensioni 131×160 px tutto bene tranne che per le miniature che appaiono troppo piccole ed incomprensibili, ho aperto il .fla ma non riesco a capire dove andare a ridimensionare la miniatura.
    Grazie e buon lavoro

  30. Ciao! complimenti per qiesto bellissimo sito!
    Volevo chiedervi se riuscireste a fare questa gallery con l’ opzione di aprirla a schermo intero,avevo provato a farlo con un vostro metodo ma non funzionava bene!
    grazie

  31. Ciao!
    Veramente un gran bel lavoro! Complimenti!

    Sto cercando di inserire la gallery in un articolo di joomla, mi compare la gallery ma non carica le foto, dove potrebbe essere il problema?

    P.S. se punto il browser direttamente al file swf funziona tutto però!

    ciao!

  32. ciao Julius, ottimo materiale, GRAZIE
    Ho un problema con le immagini: mi sono accorta che sono deformate, anche nella gallery originale (la tua per capirci!). Nei paesaggi non si nota molto ma nelle figure umane sì.
    Ho aperto il Flash ma è al di sopra delle mie capacità.
    Mi puoi dare una mano?
    grazie ancora per la tua disponibilità
    ciao

  33. Complimenti per il bel lavoro!
    Volevo chiederti se era possibile avere l’elenco delle immagini in miniatura alla base dell’immagine ingrandita e non sovrapposto.. è possibile?
    Comunque ottima gallery!!!

  34. Julius ha scritto:

    Ciao marianna
    non avevi aperto in fondo al file XML certi tag per le thumb, ti ho inviato il file xml corretto
    ciao

    Ciao Julius anche io stesso problema di marianna

  35. Ciao Julius, scusa il disturbo…tutto risolto, come al mio solito lavorando nelle ore notturne mi scappa sempre qualche errore per la stanchezza..non avevo chiuso un tag!….e mancava anche una foto!
    Comunque grazie per la Galleria è davvero molto bella.!!!

  36. Ciao, ho usato il tuo sistema flash per aggiungere uno slide show al mio sito. Purtroppo però come già sai le immagini vengono deformate perchè ho alcune diversità tra verticali ed orizzontali.
    Premetto che io sono totalmente digiuna di programmazione e questo di cui ti ho dato il link è il mio primissimo sito ^_^.
    volevo corregger la cosa.
    Ho provato ad aprire il file .fla con il mio adobe flash 4 ma mi dice che non si può.

    Potresti gentilmente darmi tu un file generato correttamente con il root di scala x ed y = 100 ??????
    od altrimendi dirmi con quale programma aprire il fla che hai generato?
    grazieeeeeee
    Kim

  37. Ciao Julius… ho guardato tutti i post ma non ho trovato risposta… ho cercato di non disturbarti con le inezie ma… se inserisco la galleria in un’altra clip si vedono solo le miniature. Ho cercato di intervenire sullo stage ma senza risultato. Un aiutino piccolo piccolo? Grazie

  38. Ciao Julius… ancora io. Lascia perdere per la domanda di prima, ho messo tutto sulla root principale e va bene così ma ora mi chiedevo come fare perché la variabile desc associata al testo dinamico nell’allert riprenda il valore della miniatura selezionata in precedenza. In altre parole quando fai un rollOver la descrizione ti dice come si chiama quell’immagine ma su rollOut non ritorna sul valore precedente, ovvero sul nome della foto che in quel momento stai vedendo. Ci ho provato ma il massimo che sono riuscito a fare e ottenere sempre il nome della prima immagine. Come fare? Grazie in anticipo;)

  39. Ciao Julius è bellissima questa gallery, complimenti.
    Mi chiedevo ma non c’è la possibiltà di mettere due pulsanti a destra e a sinistra della foto grande per fare in modo che gli utenti cliccandoci sopra possano far scorrere direttamente le foto Grandi???

  40. Ciao,
    ottima la gallery, unico problema, che non riesco proprio a risolvere, mi fa vedere solamente 17 immagini, poi mi lascia due spazi vuoti (se vado sopra con il mouse mi fa vedere il box della descrizione vuoto) e poi riprende dall’inizio.
    Il file dati.xml è completato con 48 immegini.
    C’è un limite da qualche parte?

    Grazie in anticipo…

  41. Ciao julius,
    Volevo chiederti se volessi fare la gallery che a tempo scorra le immagini automaticamente, dando anche la possibilità di scorrere le immagini manualmente, come posso variare il codice per fare questo?
    grazie anticipatamente
    Michele

  42. Rosa blu

    Salve, bellissima gallery, la sto provando è tutto va benissimo eccetto alcune immagine che nonostante abbiano la risoluzione 730×450 appaiono allungate dipende dal file .fla giusto? Come modificarlo per ottenere la stessa visualizzazione! Io ho inserito quattro immagini, due si vedono come sono e due allungate.
    Grazie e complimenti davvero Julius sei bravissimo!

    Ciao

Commenti