Galleria immagini flash: Slide Gallery XML

- Letture: 16.099

Ecco una nuova galleria di immagini in flash implementata dal sottoscritto, l’ho chiamata Slide Gallery XML in quanto le immagini vengono visualizzate con un effetto lightbox in orizzontale come delle slide.

Slide Gallery XML: Galleria di immagini in slide

Le immagini vengono prelevate da un file esterno XML, e tramite uno scroll orizzontale è possibile scorrerre tra le varie immagini, cliccandoci sopra avremo la possibilità di visualizzare le immagini con un effetto lightbox

Andiamo a vedere insieme come configurare il file XML:

<xml>
<folder>
<image img='lost_01.jpg' w='314' h='400' link='images/lost_01.jpg' />
</folder>
</xml>

  • img: link relativo (julius.jpg) o assoluto (http://www.dominio.it/julius.jpg) dell’immagine
  • w: larghezza
  • h: altezza
  • link: link relativo (julius.jpg) o assoluto (http://www.dominio.it/julius.jpg) dell’immagine da aprire in Lightbox

In seguito verranno realizzate altre implementazioni aggiuntive.

Scarica il sorgente
Guarda il Tutorial

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.

252 Commenti

  1. Buongiorno Julius e bravo per la ta galleria! J’ avete preoccupazioni, ogni volta che compilo il mio swf, j’ avete questo messaggio d’ errore: Errore all’apertura dell’archivio inclusi global.as. Archivio introuvable.
    Eppure, il file è lo stesso, non capisco …
    Un’idea? Grazie mille! Olivier

  2. La gallery è bellissima, ma non riesco a far funzionare i link
    Ho un link.swf (con i link) che richiama un altro swf ad ul livello superiore. uso questo comando
    on (release) {
    loadMovieNum(“slide_gallery_xml”, 4);
    }

    Vedo le immagini piccole che scorrono ma quando ci clicco sopra non si ingrandiscono

    Puoi darmi un mano? Grazie comunque!

  3. Ho risolto questo problema non posso contro stallo allo stesso livello a sinistra prima
    immagine e la maschera. Quindi, l’immagine è un po ‘di tagliare a sinistra …?

    Siamos93 ha scritto:

    Buongiorno Julius e bravo per la ta galleria! J’ avete preoccupazioni, ogni volta che compilo il mio swf, j’ avete questo messaggio d’ errore: Errore all’apertura dell’archivio inclusi global.as. Archivio introuvable.
    Eppure, il file è lo stesso, non capisco …
    Un’idea? Grazie mille! Olivier

  4. Ciao Julius,
    uso da un po questa galleria nella homepage di un sito, ma il caricamento risulta lentissimo..a cosa potrebbe essere dovuto?Il fatto è che per diversi secondi non compare nulla nella pagina e la cosa non è il massimo..il tuo file d’esempio va perfettamente e forse ha persino un n. di immagini maggiore!Dici che potrebbe essere dovuto alla dimensione dei files?Tu quanto consigli?
    Grazie mille!!
    vale

  5. sigh..ho letto ma sembra una cosa specifica per siti in flash…il mio sito è in html e css e abbastanza leggero, la galleria è la parte centrale!Solo che proprio nn ne vuole sapere di caricarsi in tempi ragionevoli e non so come fare, ho utilizzato programmi specifici per la riduzione del peso delle immagini e sono sui 20-30KB l’una ora..cosa potrebbe essere?:(

  6. @Vale: se anche hai impaginato la gallery in HTML comunque quando la vai a “personalizzare” la gestisci da Flash.
    Procedi quindi come da tutorial di Julius e vedrai che dovresti risolvere il problema.
    L’altro motivo per cui potresti avere quel “tempo vuoto” è che tu abbia modificato il preload della gallery.
    Altrimenti tutto dovrebbe andare liscio….

  7. Ciao Leo e grazie della tua risposta. Ho letto l’articolo ma non avevo modificato nulla rispetto alla galleria originaria nel file flash se non togliere il logo slide gallery superiore, per questo non saprei come ottimizzarla. Quella di julius va veramente molto bene al caricamento mentre la mia è proprio lentissima. Almeno 10-15 secondi prima che compaia qualcosa dallo schermo nero :(
    Se puoi aiutarmi a cercare di capire cosa può essere saresti davvero gentilissimo…

  8. Vale, non è che per caso ha cancellato il preload? E’ diviso su due livelli, su uno c’è la scritta “Loading…”, sull’altro (posto fuori stage) c’è quella specie di cerchietto a raggi che gira. Se per sbaglio hai cancellato uno dei due potresti appunto avere problemi del tuo genere.

  9. @Leo:dunque la scritta loading per i primi secondi (1-2) compare per cui direi che non è stata cancellata, però poi sparisce e ci sono almeno altri 10 secondi di nero.
    Davvero non so che fare. Non ho grafiche-font all’interno del file flash da compattare, praticamente ho tenuto solo la barra, il loading e tutto il resto sono foto sui 30kb. In tutto 12 quindi neppure tante :(

  10. Se non hai modificato granchè a livello grafico fai questa prova:
    prendi la galleria originale di Julius e modifica solo la cartella immagini e il file XML e vedi se ti da lo stesso problema.
    Dopodichè se così risolvi rifai passo passo le eventuali tue modifiche…

    p.s.(ora devo uscire leggerò e risponderò ad eventuali messaggi nel pomeriggio)

  11. se la galleri viene utilizzata all’interno di un sito in php, e quindi in un frame,
    quando si clicca su di un’immagine la lightbox si apre all’interno del frame e non a tutta pagina.

    come posso fare per far in modo che si apra a tutto schermo??

    e possibile?

    ho provato a cercare una soluzione in as o javascript ma nulla.

    grazie in anticipo

  12. Buonasera Julius e complimenti.

    Premetto che già ho provato a realizzare quanto segue ma senza esito positivo :-(

    Volevo chiederti se è possibile inserire delle miniatiure delle foto al posto della scrollbar e al clic di queste ultime far scorrere la galleria alla foto selezionata. Spero di essere stato chiaro, ti ringrazio in anticipo e ti rinnovo i miei complimenti per le tue attività

    Vector

  13. Ciao Julius,
    ho implementato questa galleria rendendola dinamica, ovvero con estrazione delle immagini da un database MSAccess, fin qui tutto ok.
    Rendendola dinamica, le immagini vengono archiviate/inserite per categoria di appartenenza, quindi nella query al database che ho inserito nel file xml devo poter richiamare una variabile.
    Il problema è come implementare questa variabile nell’actionscript, in modo tale da poterla poi passare al file xml.
    Potresti darmi un aiuto?
    Ti ringrazio e ancora complimenti,
    Elisa

  14. Ciao Julius, la tua galleria è fantastica!!
    Sto provando a modificare le dimensioni dello stage, ma non riesco nell’Action Script a trovare il parametro dell’altezza! Ho delle immagini con anteprime molto piccole (150 x 100). Mi avanza quindi la zona del logo che preferirei togliere a causa del poco spazio presente nella mia pagina! Non sono molto pratica di flash e spero di averti fatto capire il mio problema. Grazie mille

    Un saluto

    Dory

  15. E’ possibile fare si che le immagini che si aprono con lightbox, siano più grandi
    di quelle che scrollano?

    Ovvero voglio far aprire le immagni più grandi

  16. Sto c ercando una gallery come questa ma che apra le immagini più grandi, perche lo slide che serve a me deve essere più piccolo (ovvero delle anteprime delle foto grandi)

  17. Giancarlo

    Ciao Jiulius. Ottimo script, bello e funzionale. Ma vorrei chiederti una cosa. E’ possibile far aprire le foto con lightbox classico, ovvero dove compaiono i tasti “next” e “prev” per lo scorrimento senza dover ogni volta chiudere la foto?
    Grazie in anticipo.

    Ciao
    Giancarlo

  18. Ciao Julius,
    anzitutto complimenti davvero per il tuo lavoro… ti seguo da tanti mesi ormai, e penso che tu sia uno dei più bravi in Italia in quello che fai.
    Mi trovo a scriverti per chiederti un consiglio… devo realizzare per un sito una gallery tipo questa che puoi vedere in questo sito: http://krcphoto.com/.

    Ovvero con un testo descrittivo all’inizio di ogni sezione che spiega il contenuto delle successive foto, più la barra in basso delle Thumbnail + una descrizione per ogni singola foto… gestito tutto esternamente tramite xml.

    Da dove posso partire per realizzare questo? ho cercato in giro anche componenti, ma non ho trovato niente di simile a questo. Forse dovrei partire con delle guide e farmelo da me… che consigli puoi darmi??

    grazie davvero Julius

  19. @Giancarlo
    Anch’io avrei bisogno delle stessa cosa… Sei riuscito a gestire queste funzionalità?

  20. Innanzi tutto complimenti per il sito…
    Poi vorrei chiederti una cosa…
    Vorrei inserire nel mio sito una raccolta di immagini e gestirla come la tua slide gallery xml..solo che il sito lo sto facendo con dreamweaver… mi sapresti dire come adattare le slide… ti ringrazio molto… Simo

  21. Ciao julius, bellissima gallery tanto bella che la voglio utilizzare .. ma nasce un problemino..
    bhe ho il main swf dove ho creato un filmato contenitore dove voglio che la galleria si apri li…
    ma ne ho provate di tutte e non riesco a caricare la gallery , anzi il sembra che lo veda ma non riesce a leggere le immagini .. che gli devo dire?
    grazie in advance un bacio

  22. Ciao Julius, complimenti per la “Slide gallery”.
    A riguardo, ho un problemino che mi sta assillando.
    Ho caricato la tua gallery nello stage di un mio progetto in un fotogramma con:

    loadMovie (“slide_gallery_xml.swf”, julius_mc);

    dove ovviamente ho inserito anche nel fotogramma il simbolo movieclip julius_mc

    Il problema è che il tuo swf (esterno al mio) sembra esegua solo i primi fotogrammi senza arrivare all’ultimo e quindi senza visualizzare la gallery nel mio stage.

    Spero di essere stato abbastanza chiaro.
    Ringrazio anticipatamente tutti coloro che potranno darmi una mano.
    Thanks!

  23. Ciao Julius
    complimenti per i tuoi lavori e per il supporto che dai.
    Ho utilizzato la tua slyde_gallery, adattandola alle mie esigenze, in un sito che carica, con dei pulsanti tematici sulla _root delle miniature in swf a livelli diversi. Per ogni miniatura viene caricata, sempre in un nuovo livello, un mc che contiene la tua slide_gallery (naturalmente utilizzando _lockroot…).
    Il tutto funziona salvo 2 problemi grandi come l’universo:
    1 problema: se clicco su una miniatura e subito dopo su un’altra inizia a caricare la prima poi si inchioda dandomi errore di sovraccarico del player.
    2 problema: se carico una slide, muovo il cursore e poi carico una seconda slide si inchioda tutto come nel caso precedente. Tieni presente che se carico piu’slide senza toccare il cursore, poi tutto funziona come dovrebbe.
    Dalla mia esperienza immagino che possa dipendere da 2 fattori: o perde lo stack oppure entra in un loop senza senso e non riesce piuì ad uscirne.
    Vorrei un tuo parere e possibilmente un consiglio.
    Roberto

  24. Ciao Julius, complimenti per la gallery e per le pregevoli competenze che condividi liberamente… e umilmente.
    Ti scrivo per una problematica applicativa che riguarda la tua gallery: io la sto impiegando all’interno di un’applicazione flash che viene visualizzata a tutto schermo nella finestra del browser (width = 100%, height = 100%). Per far questo ho settato nel fla tutte le immagini incorporate con l’opzione “consenti smussatura”, in modo che non “sgranino” troppo se poi il Flash Player deve visualizzare il filmato con una risoluzione maggiore di quella nativa.
    Bene, immagino hai già capito la questione che mi assilla: purtroppo nella tua gallery al momento l’opzione “consenti smussatura” non è gestita e quindi le immagini acquisite risultano spesso inguardabili se la risoluzione con cui lavora il browser è alta.
    Pensi che posso modificare qualcosa nei tuoi actionscript per risolvere il problema?
    Ti ringrazio anticipatamente.
    Saluti.
    Ric

  25. Ciao Julius, con riferimento al mio post precedente in mancanza di una tua presa di posizione ti segnalo una mia soluzione che vorrei qui condividere, sia per consentirti eventualmente di commentarla e/o correggerla, sia perché ritengo che la problematica che ho sollevato possa essere di interesse anche per altri utenti.
    In pratica, per risolvere la questione del mio post ho convertito ogni immagine jpg in un filmato swf, realizzato con un unico fotogramma in cui ho incollato l’immagine jpg con l’opzione “consenti smussatura”. Ovviamente, ho cambiato tutte le estensione jpg in swf nel file XML. Che ne pensi?
    Salutoni.
    Ric

  26. @Julius
    Complimenti per la galleria!!!!
    Ho seguito alla lettera tutte le indicazioni.
    le immagini nella slide funzionano perfettamente così come le funzioni roll over.
    l’unica cosa è che se clicco sopra le immagini non c’è verso che parta il lightbox.

    Ti prego cerca di aiutarmi

  27. Ciao Julius!
    Dovrebbero farti una statua!
    Fantastica anche questa Gallery!

    Volevo chiedere come si potrebbe fare per mettere anche dei pulsanti (“avanti>” e “indietro<") oltre alla barra di scorrimento(slide).

    Dei Pulsanti che schiacciandoli diano lo stesso effetto di movimento che da già lo slide alle immagini.

  28. come si può fare a mettere due pulsanti (avanti e indietro) al posto dello slide?

  29. Complimenti Julius,
    veramente un ottimo lavoro che acquista ancora più valore perché condiviso con tutti.
    Come dice Filippo sarebbe molto interessante potere aggiungere due pulsanti “avanti” e “indietro” oltre alla barra slide, che producano lo stesso tipo di movimento alle immagini.

    Grazie comunque di tutto

  30. Ciao, complimenti per la gallery è davvero bellissima. Vorrei sapere se è possibile abbinari alle immagini un link ad una pagina web esterna (tipo http://www.miosito.it/mappa.html) invece che avere l’effetto lightbox della foto.

    E’ possibilile? cosa devo fare per ottenere questa cosa?

    Grazie
    Matteo

  31. Ciao Julius, complimenti!!!
    Una domanda. E’ possibile associare testo alle immagini? Ho visto nel codice che qualcosa sembra previsto, ma non riesco a capire come far funzionare il tutto.

    Grazie!

  32. @ Riccardo:

    Ciao,
    mi sento un po’ ignorante leggendo alcuni commenti, comunque…
    potresti/e spiegarmi l’utilizzo di _lockroot. ?
    Ho avuto lo stesso problema di non-visualizzazione delle immagini della gallery ma non riesco a risolverlo
    Grazie fin da ora.

  33. ciao Julius, grazie! :-)

    funziona tutto e perfettamente in locale, ma trasferito sul server dopo il messaggio “loading” non riesco a visualizzare le foto.

    Da cosa pensi possa dipendere?
    Ho creato diverse gallery inserite in cartelle diverse: forse devo impostare meglio il percorso o potrebbe esserci qualche altro motivo?

    ciao e grazie in anticipo per la tua risposta
    Luigi

  34. ciao Julius, grande!

    funziona tutto e perfettamente in locale, ma trasferito sul server dopo il messaggio “loading” non riesco a visualizzare le foto.

    Dove sbaglio?
    ciao e grazie in anticipo per la tua risposta
    Zinza58

  35. ciao Julius, la galleria è perfetta, propio quella che cercavo, l’unica cosa, esiste un programmino o un modo per creare il file xml in automatico .. tipo impostando l’altezza delle foto standard es:500 il nome del file numerico sequenziale ora ciò che vorrei mettere in automatico la larghezza variabile .. grazie mille e complimementi per il tuo lavoro sei una manna dal cielo ;)

  36. costantino

    @ Julius:stò provando la slider gallery xml e tutto funziona, ma un piccolo problema, che non riesco ad intercettare, è come far scorrere tutte le immagini che ho messo,sono circa 20 e tutte da 600×400. E’ soltanto l’ultima che non funziona o meglio ne vedo metà. Ho letto anche l’articolo in cui si dice da toglier al punto 65 lo script, ma non và. anticipatamente ringrazio.

  37. volevo sapere come sostituire il cursore scorrevole con 2 pulsanti? che codice dovrei assegnare al pulsante per far scorrere a destra e all’altro pulsante per far scorrere a sinistra? Grazie mille.

  38. Caro Giulio… che bella questa slide gallery… tuttavia mi sono messo in testa una cosa che mi sta facendo impazzare… allora dopo un lungo pomeriggio di tentativi ho deciso di scriverti… magari hai un poco di tempo anche per me… il dubbio è questo…

    VORREI NELLA MIA GALLERIA MANTENERE LO SCROLLING CON LA BARRA MA AGGIUNGERE ANCHE DUE PULSANTI CHE MI PERMETTANO DI ANDARE AVANTI E INDIETRO DI UN TOT DI PERCENTUALE…

    GRAZIE CMQ PER LE TUE CONDIVISIONI, E SPERO DAVVERO IN UN TUO AIUTO :-)

    A PRESTO KALESH

  39. @ KALESH:
    Posso sapere come hai aggiunto oltre al cursore trascinabile ache due pulsantini per scorrere le foto mi sarebbe molto utile per il mio caso. Grazie. nicola@vasdan.it

  40. Fringuello

    Dovrei usare questa gallery, ho provato a modificare il file XML in questo modo.
    ho le immagini nella cartella images_01
    questo come modifico il file

    ma non carica le foto, devo modificare qualche altro file?

  41. valentina

    ciao!
    nn riesco a ridimensionare la lunghezza della linea di scorrimento dello slider, in base alle esigenze del mio box! perciò continua a rimanere sempre della lunghezza che hai impostato tu nel tuo file….ho cambiato credo tutte le dimensioni sia orizz che vert, ma forse ne avrò saltata qualcuna…come faccio?
    grz
    buon lavoro

  42. Ciao Julius! la tua gallery è bellissima, complimenti.
    Io però non riesco a farla funzionare. Ho caricato tutto su un ftp e ho fatto le modifiche al file xml mettendo il percorso assoluto. ma nulla, mi si caricano le barre della gallery, la scritta loading… ma le immagini non le prende. Se riesci a dirmi perché mi fai un grandissimo favore:)
    Grazie,

    Irene

  43. Ciao Julius! Intanto complimenti per il lavoro!
    Volevo chiederti se è possibile nel file flash visualizzare delle immagini che risiedono in sottocartella/images al posto di /images e in caso affermativo puoi darmi un suggerimento?
    Grazie in anticipo

Commenti