Galleria immagini Flash con categorie

- Letture: 4.024

Multiple Category XML Gallery è una galleria di immagini in flash in cui è possibile inserire più categorie tramite file esterni XML.

Le immagini vengono posizionate in un box con barra verticale qualora ecceda dallo spazio disponibile, inoltre è possibile avere uno zoom 100% 200% 300%.

Multiple Category XML Gallery

Vediamo come aggiungere Foto e Categorie nuove:

Per inserire una nuova categoria basta creare un nuovo file XML, per esempio Julius.xml, e andare inserire il nome del file nell’array in Actionscript in questo modo:

Clip con nome istanza internal components Linea 4

var gallery_name:Array = new Array("Automotive", "Technology", "Enviroment", "Food", "Julius");
var gallery_file:Array = new Array("automotive", "technology", "enviroment", "food", "Julius");

Come scritto sopra, per ogni categoria vi è un file xml, vediamolo insieme

<photos>
<photo filename="laptop.jpg" thumbnail="laptop_small.jpg" description="Laptop" />
</photos>

  • filename: percorso assoluto (http://www.dominio.it/foto/foto1.jpg) o relativo (foto1.jpg) dell’immagine
  • thumbnail:percorso assoluto (http://www.dominio.it/foto/foto1.jpg) o relativo (foto1.jpg) dell’immagine di anteprima
  • description: Descrizione immagini

Created by Sean Samuels

Scarica il sorgente
Guarda il Tutorial

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

55 Commenti

  1. Gran mogol, per favore mi puoi fare il file che puo’ caricare altre categorie, io non sono in grado di farlo.

    Ciao ciao e molte grazie

  2. ciao julius gran bel tutorials nn so se chiedo troppo ma per aggiornare la galleria
    in xml si potrebbe fare con un cms cioe un pannello di controllo .
    ciao e grazie per tutto
    daniela

  3. ciao julius

    ho provato ad aggiungere altre categorie ma queste poi vanno a finire sopra le foto,per questo aspetto è un po limitato.

  4. Salve, veramente una bella gallery, mi chiedevo se poteva essere inserita la stessa features che è presente nel tuo tutorial “Zoomer & Pan XML Gallery”, quando clicchi l’immagine si apre a tutto schermo, in sostituzione o aggiunta all’Image Zoom

  5. hOLA _ SEMPRE GIG ROBOT.
    CIAO jULIUS .
    Complimenti veri.

    ——————–
    cmq (sperimentando ) ho eliminato l’action riguardante lo zoom ,
    CHE , a mio parere , è una pecca .
    E quindi ho eliminato automotive.xml sostituendolo con un + classico _ in rilievo.xml oppure mandandolo affankulo del tutto ( scusa il termine ) .

    Grazie per via del fatto che è TUTTO CUstomizzabile ( ed è una cosa grandiosa ) in base alle esigenze.

    in questo caso, amio avviso, i percorsi x le img da visualizzare andrebbero distribuiti x ogni categoria .
    Una cart. specifica jpg x ogni sezione ( food..etc ) .

    Un caro saluto.

  6. ciao
    sempre fantastico!
    …. e per eggiungere uno scroll anche alla lista delle categorie?

    Marco

  7. Innanzitutto devo farti i miei migliori complimenti.
    Vorrei sapere come fare per aprire il file .fla con flash mx v6.
    Inoltre vorrei sapere se posso togliere la parte in basso con zoom e descrizione e poter inserire più categorie.

  8. Ciao Julius, bellissimo lavoro, anch’io come altre persone di questo Blog aspetto una versione con la possibilità di avere una scroll anche per le categorie.

  9. gabriele

    domanda da sciocco …

    che versione di flash è il file sorgente ?
    purtroppo ho provato ad aprirlo con flash mx2004 …. ma mi dice “formato file inaspettato…”

  10. Ciao.
    stavo guardando la galleria… ho provato per capire come funziona xml a cambiare le immagini nelle categorie (mantenedo la stessa dimensione e qualità di quelle inserite originali)
    volevo sapere perchè poi mi risultano completamente scalettate.
    grazie e complimenti per il sito

  11. @marco le immagini che inserisci sono di una buona qualità?

    se hai un link alla tua pagina dove stai facendo le prove linka pure che guardo…

  12. ciao,
    purtroppo non ho ancora un link.

    l’unica cosa che ho fatto è andare in photoshop, guardare la dimensione
    delle immagini nella gallery originale e mettere una mia immagine (
    origianalmente ad alta risoluzione + 300dpi) portandola nelle dimensionie
    qualità di quelle delle gallery.
    ma il risultato è che poi oltre la mia immagine scalettata, anche quelle
    della gallery originale risultano così.

    ps. mi permetto di chiederti un’altra cosa:

    1) perchè se aggiungo nuove categorie arrivo ad un numero max e poi alcune non le riesco a vedere?

    2)supponiamo che ogni foto nello scroller sia un progetto. Quando clicco sopra
    mi si apre l’immagine grande a destra.
    Quello che mi piacerebbe fare è creare poi 1 o 2 pulsanti vicino la foto
    grande per vedere altre foto dello stesso progetto.( senza cambiare
    categoria)
    come posso fare?
    c’è già un tutorial?
    grazie della tua disponibilità.

    Marco

  13. Ciao
    stavo smanettando con la tua ottima gallery!!

    volevo mettere un pulsante per far andare avanti le foto senza dover cliccare sopra ai thumbs.. quando arrivo all’ultima della categoria però mi esce undefined e non riesco a farlo ripartire da capo..
    sono agli inizi e non sono molto afferrato.. ho aggiunto questo nel frame 5..

    btn.onRelease = function () {

    if (photo_filename[p] == undefined) {
    pic.loadMovie((folder + photo_filename[p])-([total]+1))<–non riesco a farlo andare..
    } else {
    pic.loadMovie(folder + photo_filename[++p])}
    }
    complimenti per i tuts!!
    grazie in anticipo!!!

  14. Ciao, innanzitutto davvero i mie complimenti per le risorse che metti a disposizione.
    Ce ne fossero di più come te….

    Avrei bisogno se puoi di un piccolo aiuto con questa gallery.
    L ho usata per creare un portfolio ma alcune immagini le vede in trasparenza oppure appena clicco sulla miniatura l ingrandimento esce per un attimo e scompare.
    Riappare solo dopo aver cliccato su un altra miniatura.
    Non capisco, potrebbe essere solo un problema di player??

    Noto che questo problema lo da particolarmente con firefox, mentre con opera safari ed explorer molto meno.

    Ciao e grazie ancora

  15. Giuseppe

    Ciao Julius,
    complimenti per la galleria.
    Ho provato a posizionare il box delle immagini in orizzontale.
    Sono riuscito nel mio intento, ma ho problemi con lo scroller:
    nel dimensionare e posizionare lo scroller e la scrollable area.

    Potresti aiutarmi?

    Grazie

  16. Julius sei bravissimo, su questo non cè dubbio, ma lascia che la gente sappia che questa galleria è un TUO ADATTAMENTO di questa: http://www.flashmo.com/preview/flashmo_060_photo_gallery

    Nel file sorgente ci sono anche dei layer che portano ad identificare che la galleria appartiene a flashmo.

    Questo non toglie il fatto che sei bravissimo e che ci degni sempre di ottimi tutorial.

    Ciao

  17. Ciao Julius,
    grazie per questa fantastica galleria.
    Solo una domanda: è possibile fare la descrizione delle foto su 3 righe? Come si può fare?
    Grazie mille e ancora complimenti.

  18. ciao julius questa gallery è bellissima ma è possibile aggiungere la possibilità che l’immagino possano essere cliccabili aperte su una finestra io sono alle prime armi in flash
    grazie mille

  19. Ciao Julius, sono disperata!… o meglio sono stata felicissima quando ho visto che hai pubblicato questa gallery che ha risolto problemi logistici del sito che stavo cercando di creare. Mi trovo però ad un punto morto ora: ho modificato graficamente lo stage, ho caricato le mie immagini, e pubblicato il sito. Mi si è presentato lo stesso problema che ha descritto Tiziano qualche commento fa ossia quando clicco sulle miniature mi parte il preload dell’immagine e questa scompare zommandosi. riesco a vederla solo dopo aver cliccato su un’altra miniatura e ritornando poi sulla precedente. le immagini hanno dimensione di 600 kb e il problema mi si presenta con qualsiasi tipo di connessione ad internet. sapresti darmi per cortesia un indicazione o se possibile una soluzione al problema? dimmi pure anche se non ne hai idea e che ci vuol troppo tempo per valutare la cosa… così taglierò la testa al toro e vedrò di fare qualcos’altro! grazie mille

  20. Ciao Julius
    ottimo lavoro, come carico i video fatti in flash nella gallery mantenendo le proporzioni e l’audio?
    Il problema è che mi sfasa tutte le proporzioni? come devo fare?
    Serena

  21. Ciao Julius
    complimenti, sei un genio!!!
    Senti devo ridimensionare la gallery, rimpicciolendo la parte delle miniature di questa gallery, sai dirmis e devo cambiare qualche valore all’interno delle azioni?
    Rispondimi è importante!!!
    Grazie
    Complimentii!!!

  22. ciao julius complimenti per la gallery!! Ho provato ad usarla in un sito che sto realizzando però ho un piccolo problema … Il sito è interamente in flash e ho utilizzato il loadmovie per caricare la gallery come swf esterno … Fin qui nessun problema se non fosse che, caricando un altro swf, la gallery resta al di sopra dell’altro swf … insomma l’unload non funziona!! Sai dirmi perchè e cosa sbaglio? Grazie

  23. Ciao! Qualcuno sa come mai in locale tutto funziona bene e quando si pubblica cliccando sulle miniature l’immagine si carica e si zumma scomparendo dal riquadro?…. tornando a cliccare sulla miniatura poi funziona correttamente. Grazie

  24. scusa volevo dirti che la differenza tra l’originale e quello che io ho modificato è che le immagini le ho pubblicate con una risoluzione maggiore… e sicuramente pesano di più

  25. Ciao Giuliano ho scaricato e mi sto studiando il tuo esempio di galleria caricata tramite xml per intenderci quella che ha per nome multiple category xml.Intorno alle thumbnails e alle foto a grandezza naturale ho inserito un bordino bianco di qualche millimetro e fin qui nessun problema ma ora dovendo inserire le foto anche in verticale non so come fare per dire a flash che se l’immagine è orizzontale deve usare un tipo di thumbnails di forma orizzontale se è verticale un tipo di thumbnails verticale e cosi anche per le immagini a grandezza naturale spero di essere stato abbastanza chiaro fammi sapere grazie
    la risposta se puoi mandamela su lucadamore@gmail.com cosi posso controllarla 24 su 24

    Luca

  26. Ciao intanto grazie per lottima galleria (Multiple Category XML Gallery)
    vorrei sapere se è possibile far si che le immagini piccole (i tasti) stiano in fila 1 a 1 e non 2 a 2 grazie
    la risposta puoi mandamela su sss69@libero.it cosi posso controllarla subito
    ciao

  27. Ciao Juilius..innanzitutto grazie per tutto ciò che pubblichi qui..sono assolutamente inesperto, volevo sapere come posso inserire le miniature una sopra l’altra, non riesco a capirlo, ti ringrazio

  28. Giandomenico

    Ciao julius, ti faccio i miei complimenti per la gallery, però volevo chiederti se potevi aiutarmi a risolvere il mio problema, ho modificato il layout, e caricato le foto, e tutto ok, ma quando inserisco la gallery nella pagina html, non carica le immagini… cosa devo fare???

  29. mariangela

    ciaoo, complimenti per la gallery..risconto però un problema..funziona bene con internet explorer..ma non con firefox…che fare?

  30. @elena CC

    @Giandomenico Lascia il link alla pagina che controllo online

    @mariangela Lascia anche tu un link alla pagina che controllo online cosa manca

  31. a me invece mi sballa una sezione
    nel senso che mi fa vedere le stesse foto dell’ultima sezione visitata
    come mai?

  32. @mariangela per la foto in penombra non ho notato, mentre lo zoom che fa fuori in effetti, si penso sia un bug della maschera..

    @Luca controlla che il file XML sia corretto

  33. assolutamente corretto
    Non vorrei che ci fosse un limite massimo di categorie, io ne ho 6

Commenti