Catalog Image Gallery XML

- Letture: 4.036

Oggi vi segnalo una galleria di immagini flash che si addice molto per creare dei catologhi online.

Download Flash Player

Ecco le caratteristiche principali

  • Disposizione delle immagini di anteprime gestite su più pagine
  • Visualizzazione foto a dimensioni reali
  • Slideshow automatico
  • Tooltip dinamico
  • Numero totale di foto e pagine
  • Visualizzazione foto successiva

Andiamo a vedere insieme come configurare il file XML esterno:

<gallery thumb_width="65" thumb_height="84" gallery_width="50" gallery_height="50" gallery_x="50" gallery_y="50" full_x="220" full_y="50">

  • thumb_width: larghezza anteprima
  • thumb_height: altezza anteprima
  • gallery_width: larghezza galleria
  • gallery_height: altezza galleria
  • gallery_x: posizione x della galleria
  • gallery_y: posizione y della galleria
  • full_x: posizione full x della galleria
  • full_y: posizione full y della galleria

<image thumb_url="Blue-Stripe_One-pce.jpg" full_url="Blue-Stripe_One-pce.jpg" title="Blue Stripe" style_info="product style_info" describtion="your describtion" />

  • thumb_url: percorso assoluto o relativo dell’anteprima dell’immagine
  • full_url: percorso assoluto o relativo dell’immagine
  • title: titolo visualizzato nel tooltip sull’immagine
  • style_info: stile della foto
  • describtion: descrizione della foto

La galleria è molto semplice nella grafica, ma chiara e funzionale.

Come ribadisco spesso è sempre meglio avere un progetto che funzioni con una grafica semplice, che un progetto con una grafica stupefacente ma non funzionale, la grafica può aspettare…la funzionalità no.

Scarica il sorgente
Guarda il Tutorial

via [Swarup Porel]

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.

18 Commenti

  1. Bella galleria, come sempre inserisci ottime risorse! Grazie
    p.s. volevo sapere una cosa se possibile…quale sito ti permette di inserire il banner grande che hai nella sezione sponsor? non mi sembra di Adsense…volevo inserire anche io qualcuno nel mio sito ma non so come fare.
    Grazie
    Ciao

  2. @andrea@iloveagrigento in pratica è un banner adv_maneger in cui vengono richiamati tramite loadMovie altri filmati swf in modo random.. tutto qui…

  3. Ciao Julius,
    volevo chiederti, io ho un po’ di problemi a caricare questa come la dynamic gallery in un mio progetto actionscript3(ho cominciato da questo) ma tutte le volte mi compare questo errore.

    TypeError: Error #1006: value non è una funzione.
    at sito17Giugno_fla::MainTimeline/frame95()

    l’errore non compare se non cerco di caricare il tuo swf su un mio UILoader,
    non riesco a capire se Actionscript 3.0 non è compatibile con i tuoi due progetti.

    Grazie e
    Complimenti

  4. @William il codice AS2 e AS3 ovviamente non puo essere compatibile…

    Ho decidi di creare qualcosa in as2 o in as3 ma non puoi fare un mix

  5. Ok Julius,
    scusami ma ho sempre utilizzato altri linguaggi di programmazione
    e speravo si potesse caricare un swf esterno in as2 in modalità compatibile
    con as3, un po’ come si scrive “C” dentro il “C#” con i dovuti accorgimenti.

    cmq sto scrivendo un galleria totalmente in as3 con caricamento da xml, io la farò molto semplice perchè mi è sufficiente ma se hai piacere posso inoltrarla e magari puoi renderla disponibile a tutti (ovviamente con le dovute modifiche che vorrai fargli)

    grazie ancora

  6. Ciao Julius.
    Ho scaricato i tuoi file, come sempre molto utili, ma ho un problema, modificando i parametri in xml non riesco a farli riconoscere a flash, dove potrebbe essere il problema? Se metto i parametri tutti a zero funziona come l’hai impostata tu.
    Grazie e ciao
    Franco

  7. Ciao ragazzi, ho dato un’occhiata perché interessa anche a me..

    Ho notato che dal file xml anche impostando tutto a zero funziona come impostato e non cambia il fla.
    Guardando il codice e diciamo da principiante ho trovato come impostare la larghezza della galleria.

    livello as:

    riga 268 – 269: modificare i valori lineto(…,….) il primo è la x e il secondo la y

    cmq mi sa che ci sia una maschera e quei valori la va a modificare.

    se esistono altri modi non so io ho trovato a questo e spero possa esservi utile..

    ciao gente

  8. Francesco

    Ciao Julius, sto cercando di utilizzare questa tua galleria, solo che vorrei eliminare la “vignetta” nera con il nome della foto che compare quando passi sopra le miniature con il mouse e non sò come fare, non è che puoi dirmi come si fà? Grazie dell’aiuto. Ciao

  9. Ciao Julius, anche io vorrei cambiare la dimensione della galleria e il numero di immagini…ma non riesco proprio a modificarla. Aiutaciiiiiiii.
    Cmq volevo dirti che il tuo sito è utilissimo. ;)

  10. E’ possibile imaginarla diversamente?

    Tipo avere 6 immagini per pagina, 3 su ogni riga?

    Grazie mille, utilissima comunque, davvero!!!

  11. iomedesimo

    Ciao Julius, qualche giorno fa ti avevo gia scritto.
    Questa galleria di immagini fa proprio al caso mio, l’unica modifica che dovrei fare è invertire il nome del prodotto con la thumb, in modo da avere una lista di prodotti (col nome) e magari al passaggio del mouse apre la thumb (ma non è indispensabile) e al click apre la scheda di descrizione.
    Ma non so dove mettere le mani.
    Puoi aiutarmi?
    Ciao e complimenti per il blog

  12. Ciao Complimenti bellissimo esempio di catalogo immaggini!!! ti chiedo se è possibile inserire il pulsante del paga ora di paypal sotto all’immaggine piccola???
    sarebbe fantastico.
    grazie

  13. Ho questa struttura gallery.xml

    vorrei inserire una descrizione . Aiutatemi sono disperato.
    Grazie a Tutti

  14. Emanuela

    Ciao Julius, complimenti per il sito, veramente utilissimo.

    Ho utilizzato questo tutorial adeguandolo alle mie esigienze, ma avrei bisogno di avere le thumbs sempre cliccabili (anche quando c’è aperto lo slideshow), è possibile?
    E’ possibile avere la prima immagine della galleria già visibile?

    Grazie per l’aiuto!

  15. Ciao Julius, ottima risorsa!
    Posso chiederti una curiosità, che mi farebbe molto comodo?
    Nel codice sorgente di questo FLA, leggo “scroll”. E’ possibile visualizzare tutti gli item del catalogo in un solo MC e navigarlo verticalmente con uno scroll legato al movimento/posizione del mouse (senza grandi barre di controllo), oppure è del codice che è finito lì per altre ragioni?

    Grazie mille,
    buon lavoro
    Benna

  16. Buonasera Julius,
    grazie per le continue risorse, ce ne fossero come te!
    A proposito della galleria xml volevo chiederti un aiuto:
    vorrei rendere le foto “full” cliccabili in modo che riportino ad un link esterno (http://www.miosito.it), secondo te è possibile? Perchè io ci sto provando ma non ottengo risultati!

    Spero in un tuo riscontro, grazie in anticipo
    Nila

Commenti