Dynamic Product Gallery XML

- Letture: 3.584

Oggi vi segnalo una galleria di immagini flash da scaricare e usare liberamente per i nostri progetti web

Questa galleria flash si addice molto nel pubblicizzare prodotti o segnalare news.

Ecco le caratteristiche principali

  • Tab numerico per scorrere i prodotti
  • Slideshow automatico
  • Immagini e testo prelevati da un file esterno XML
  • Link esterno da file XML sul prodotto
  • Visualizzazione prodotto successivo
  • Fade in e fade out del prodotto
  • Altamente personalizzabile nei colori di sfondo, testo ecc.

Andiamo a vedere insieme come configurare il file XML esterno:

<product img="Images/thumb1.jpg" name="African Mix Necklace" id="7894CPR" desc="Lorem ipsum dolor sit amet" link="http://www.gmail.com"/>

  • img: percorso assoluto (http://www.miosito.it/foto/immagine1.jpg) o relativo (foto/immagine1.jpg) dell’immagine
  • name: Nome del prodotto
  • id: Id numerico del prodotto
  • desc: Descrizione
  • link: Link esterno

La galleria è realizza in Adobe Flash Actionscript 2, vi ricordo di usare la tecnica del _lockroot, se avete la necessità di richiamare la galleria in un altro swf.

Per configurare il tempo dello slideshow automatico trovate il parametro da modificare sul primo fotogramma linea 65

timer = setInterval(loadnext, 5000);

5000 equivalgono a 5 secondi

Ovviamente la galleria è priva di grafica, questa è solo la struttura logica, starà a voi migliorarla graficamente a seconda del vostro sito o blog

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.

43 Commenti

  1. Deja_rulez

    Bella li julius!

    domanda da un milione di petroldollari…. è free come risorsa o è a pagamento?

  2. è free mi sembra

    grzie Julius era la galleria che ti chiesi un po di tempo fa. Thanks

  3. sei un grande julius!
    volevo sapere solo una cosa, se volessi mettere i numeri sotto nello stage e per cambiare immagine in vece di un click usare un rollover come potrei fare?

  4. non fa niente, ho gia fatto!!
    grazie 1000 cmq, sei un grande!!!
    god bless you

  5. @Deja_rulez si è Free…

    @Issivan ;)

    @franc3s ciao questa galleria preleva informazioni direttamente da XML in un clip duplicato, per ora non è possibile caricare altri swf nella galleria senza modifiche appropriate

    @DoC thanks ;)

    @TheNorba grazie mille ;)

    @Fedeweb ottimo ;)

  6. Per Tirare via il link all’ommagine che se vado sopra non si vede la manina e per tirare via i numeri di news e mettere due frecce avanti e indietro

  7. giuseppe

    ciao julius ottimo lavoro.
    ho un problema riguardo questo…ho delle immagini di varie misure e noto che questa galleria le storpia un pò..
    come faccio a farle visualizzare della giusta grandezza?
    e poi .. è possibile spostare i numeri del menù sotto le fotografie invece che in alto a destra?
    grazie e buon lavoro!!
    ti prego rispondi!.)

  8. Ciao julius!
    ho un problemino con la galleria…
    l’ho inserita in una pagina all’interno di un sito che ha altre pagine.
    se clicco sul link della galleria e poi clicco su un’altra pagina, resta sempre il rettangolo bianco con i numeri!!
    io vorrei che ci fosse solo in una delle pagine…
    come posso fare?
    grazieeeee!!!

  9. Ciao Julius..

    Apprezzo veramente tanto i tuoi lavori… sono a dir poco stupendi!!

    Avrei un quesito..

    è possibile… invece che prelevare i dati da file .xml prelevarli da un database mysql??

    ti spiego perchè vorrei fare questa cosa:
    avrei intenzione di usare questa gallery in un cms.. (mkportal)
    e sarebbe utilissimo che i dati li prendesse da una tabella del database.. in modo che posso anche creare un form che compili il database, inserendo i dati.. (link immagine, descrizione, etc).. senza bisogno di modificare ogni volta il file .xml

    Aspetto una risposta :)

    Ciao!!

  10. Ciao julius, ti ho gia scritto in un altro tutorial per questo problema, ma non mi hai risposto…ti sarei grato se mi aiutassi

    ecco il mio rpoblema da un milione di dollari…
    ho un primo swf che ne richiama un altro così:

    loadMovieNum(”menu_.swf”, 2);

    ora…
    menu_.swf contiene un pulsante con questo codice
    on (release) {
    loadMovie(”show.swf”, _root.showreel);
    _root.showreel.swapDepths(_root.getNextHighestDepth());
    }

    show.swf è questa galleria

    e qui nasce il problema…praticamente funzona tutto perfettamente, tutto tranne la paginazione della galleria che sparisce completamente…

    in sostanza se pubblico il solo file show.swf va tutto bene, ma se pubblico l’intero sito arrivo a vedere show funzionamente ma senza la aginazione…che dici? che potrebbe essere che mi sta facendo perder ei capelli???aiutooo

  11. Bellissima photogallery! Non sono affatto brava con flash eppure sono riuscita ad usarla e a personalizzarla per il mio sito. Solo una cosa non riesco a fare: vorrei eliminare il link esterno di ogni singola immagine. Mi dici per favore come fare? Grazie!!!

  12. @Simo: Ciao.. apri il gallery.fla con flash.. appena aperto premi F9..
    Ti uscirà la finestra delle azioni.. a sinistra in basso trova mc, cliccaci sopra.. e elimina tutto il codice che vedrai nella finestra.. sono 5 righe.. Ciao

  13. scusa.. devi trovare mc, holder … holder tra parentesi uncinate.. il sistema di commenti ha pensato fosse un codice html e l’ha eliminato.. xD ciao!

  14. Avrei una richiesta d’aiuto in merito a questa galleria.
    Invece del link, come posso fare per ingrandire l’immagine sempre sullo stesso stage?
    …Spero ci sia una soluzione semplice!
    Grazie millllleee

  15. caro julius…ultimamente passo più tempo sul tuo blog che con la mia famiglia…vabbè credo l’ultimo problema…la codifica dei testi…insomma l’xm mi fa casino con le lettere accentate e gli apostrofi. idee?

  16. Ciao Julius,

    Prima di tutto complimenti per i lavori, avrei da farti una domanda, non riesco a caricare accentate e apostrofi? sulla Dynamic Product Gallery XML, qualche suggerimento?
    Grazie in anticipo

  17. ciao jiulius..vorrei fare una piccolissima domanda su questo lavoro, di suo molto bello..nn so se te ne sei accorto ma la variabile link sul file xml punta solo al tuo sito, nel senso che se vado a mettere qualsiasi altro sito come per esempio anche google.it, esso dice che il metodo è sbagliato o che la pagina è inesistente..come mai?mi sapresti spiegare perchè?,poichè l’ho utilizzato ma mi da sempre errore o inesistente quando nell’immagine da me inserita e ci clicco sopra, dice che il sito in questione nn esiste..attedno tue notizie, ciao e grazie..

  18. marcello

    Vorrei inserire 2 pulsanti uno di pausa e uno di play . le ho provate quasi tutte :)) ma nisba. domanda Come fare ?
    Grz per l’eventuale risp.
    ciao

  19. marcello

    Vorrei inserire 2 pulsanti uno di pausa e uno di play . le ho provate quasi tutte :)) ma nisba. domanda: Come fare ?
    Grz per l’eventuale risp.
    ciao

  20. Ciao Julius, complimenti, ho provato ad inserire la galleria in un filmato , diciamo che appare al frame numero 10, con un tasto tornando all’animazione al primo fotogramma mi ritrovo ancora il movieClip creato con i numeri in alto a destra.
    Come posso rimuovere il clip quando quando ritorno ai frame iniziali?
    Grazie

  21. Ciao, prima di tutto complimenti per i tutorial…
    ho un problema con la formattazione del testo html, ho provato in un sacco di modi ma non essendo molto brava con actionscript ho risolto ben poco…
    il file xml io lo genero con il php, però ho la necessità che mi vengano interpretati i tag html ad esempio o
    mi potresti dare una mano?!

  22. @Benja: Ciao dai un’occhiata a questo articolo: Codifica caratteri speciali XML

    @Debby: per ingrandire le immagini puoi farlo tranquillamente modificando quelle esterne e riadattando i vari contenuti nella gallery

    @stefano: L’hai inserito l’ http://www ?

    @vincent: Ingloba la galleria in un singolo clip filmato contenitore magari con loadMovie e posizionalo nel frame che vuoi tu, in questo modo la galleria sarà vincolata alla posizione e coordinate del suo clip contenitore

    @Claudia: Ciao leggi questo articolo, in pratica basta abilitare il testo HTML e generare da PHP i tag HTML

  23. Ciao,
    ho seguito l’articolo, cambiando codifica, abilitando l’html e incorporando i caratteri, ma mi da sempre “undefined” se metto tag o caratteri speciali… ho provato anche a mettere _desc.htmlText ma nulla…

  24. @Julius:
    Thanks Julius, per i tutorials e i suggerimenti.. davvero presiosi!!

  25. galderisio

    Ciao julius, è possibile fare in modo che la gallery si visualizzi in ordine casuale?

  26. @Julius
    ciao Julius,
    sono mirko e volevo chiederti una informazione. sto utilizzando la tua gallery ed avrei bisogno di far si che ogni immagine caricata permetta un “link” a se stessa in versione grande e che questa venga aperta su una finestra html senza menubar, scrollbar ecc. sono la banda blu dove sono presenti i 3 pulsanti per chiudere ingrandire/rimpicciolire ee il simbolo per ridurre ad icona. E’ possibile?

  27. Ciao Julius complimenti per il tuo lavoro-passione
    ho lo stesso problema che già ti aveva posto tempo fa giada:
    “Giada9 novembre 2008
    ho un problemino con la galleria…l’ho inserita in una pagina all’interno di un sito che ha altre pagine.se clicco sul link della galleria e poi clicco su un’altra pagina, resta sempre il rettangolo bianco con i numeri!!io vorrei che ci fosse solo in una delle pagine…
    come posso fare?grazieeeee!!!”
    grazie ancora

  28. ops!Ho risolto ho visto che già avevi risposto a questa domanda
    avrei un altro quesito. posso gestire la slide invece che con dei numeri con delle freccette?
    GRazie ancora
    ciao

  29. ciao,
    complimenti. E se, al posto dei numerini, volessi creare un menù pescando tutti i nomi dei prodotti dall’xml? Sarebbe la perfezione :)
    Ciao

  30. Andystar

    Ragazzi ciao! Perfavore ho davvero bisogno di un aiuto, sono in un circolo vizioso, le ho provate di ogni, qualcuno è riuscito a togliere quei numeri dallo stage quando si carica un’altra pagina? Non riesco a trovare codici adatti, ho provato a suddividere il tutto con un loadmovie, ma mi rende tutto molto complicato….

    Ve ne sarei stra grato!!!!
    buona serata!

  31. Ho un paio di domande da farVi:
    la prima è come posso fare per fermarla fino a quando l’utente cliccka il numero ?

    La seconda è come posso fare a mettere una tabella nella descrizione ?

  32. Andystar

    Ciao Marco, tutto quello che posso dirti per quanto riguarda a farla fermare è prolungare il tempo di slide e ora ti dico come.
    Vai nelle azioni del tuo fotogramma.

    Sulla riga numero 63 hai il tempo, l’unica cosa che sono riuscito a fare è prolungarlo, io l’ho messo così:

    63. timer = setInterval(loadnext, 10000);

    Vedi tu se impostarlo piu’ a lungo, così che se un utente si dovesse fermare sulla tale pagina, la pagina non cambia subito, ci metterebbe un minuto (o quello che scegli…)

    Per quanto riguarda la tabella non sono in grado di aiutarti, io l’ho creata all’interno del file flash e lo slide è esterno.
    Ciao

  33. Andystar ha scritto:

    10000

    Scusa ma 10000 a cosa corrisponde minuti o secondi ?

  34. Andystar

    @ marco:
    Corrisponde a 10 secondi! 5000 sono 5 seconi 10000 sono 10 secondi e così via, prova con 180000 , 3 minuti..vedi se funziona! metti tu il valori che preferisci!

  35. Ciao, avrei una domanda: Le immagini che carico possono essere sia verticali che orizzontali e di diverse dimensioni, esiste un sistema per centrarle in modo automatico???
    Grazie fin da ora.

Commenti