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%.
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>
Created by Sean Samuels
Scarica il sorgente
Guarda il Tutorial
Design, File, Flash, Free, Galleria, Grafica, Immagini, Sviluppo, Tutorial, XML

24 Commenti
Oleg
28 Gennaio 2008 alle 9:11 am
Non male! Il pulsante “Enviroment” ha la transizione un pò sfasata… Bel lavoro cmq.
dearhallcat
28 Gennaio 2008 alle 9:50 am
Ottimo, veramente bello … che dire sei un GENIO!
Alberto
28 Gennaio 2008 alle 9:57 am
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
carolina
28 Gennaio 2008 alle 10:16 am
veramente bella bravo julius
carolina
28 Gennaio 2008 alle 10:25 am
non mi apre il .flaaaaa!!!!
daniela
28 Gennaio 2008 alle 10:57 am
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
gipris
28 Gennaio 2008 alle 12:19 pm
Julius hai ricevuto un oscar! sul mio blog
Fede
28 Gennaio 2008 alle 12:45 pm
ciao julius
ho provato ad aggiungere altre categorie ma queste poi vanno a finire sopra le foto,per questo aspetto è un po limitato.
Orochimaru
28 Gennaio 2008 alle 13:53 pm
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
giuseppe
28 Gennaio 2008 alle 14:03 pm
Julius è grande? DI PIU’!!!!!!
biagio
29 Gennaio 2008 alle 2:22 am
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.
Marco
29 Gennaio 2008 alle 11:08 am
ciao
sempre fantastico!
…. e per eggiungere uno scroll anche alla lista delle categorie?
Marco
Julius
29 Gennaio 2008 alle 11:34 am
@Fede implemento una scroll anche per le categorie…
gepigym
29 Gennaio 2008 alle 16:15 pm
ma lo stesso per i video che ne dici???
Paolo
3 Febbraio 2008 alle 10:41 am
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.
Julius
4 Febbraio 2008 alle 12:25 pm
Questo tutorial è sviluppato con versioni Flash 8 o superiori
Planet0
5 Febbraio 2008 alle 18:10 pm
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.
gabriele
6 Marzo 2008 alle 19:09 pm
domanda da sciocco …
che versione di flash è il file sorgente ?
purtroppo ho provato ad aprirlo con flash mx2004 …. ma mi dice “formato file inaspettato…”
Julius
6 Marzo 2008 alle 19:38 pm
@Planet0 appena ho tempo implemento questa cosa
@gabriele flash mx 2004
gabriele paini
6 Marzo 2008 alle 20:52 pm
strano ho flash mx 2004 in eng ma mi da quell’errore … boh
marco
3 Aprile 2008 alle 18:29 pm
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
Julius
3 Aprile 2008 alle 20:53 pm
@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…
marco
4 Aprile 2008 alle 15:12 pm
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
ale
9 Aprile 2008 alle 23:48 pm
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!!!
Scrivi un Commento
tag abilitati: <code> </code> | <a href=""> </a> | <strong> </strong> | <i> </i>