Galleria immagini Flash con categorie
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>
- 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
Letture Consigliate per Design
-
HTML 5 e CSS 3 (Guida completa)
Prezzo: EUR 29,00
Promozione: EUR 21,75 -
Creare siti web standard e accessibili
Prezzo: EUR 32,00
Promozione: EUR 27,20 -
Strategie per essere visibili online
Prezzo: EUR 24,90
Promozione: EUR 21,16 -
Usare JavaScript (Guida completa)
Prezzo: EUR 32,00
Promozione: EUR 24,00
Articoli simili DesignFileFlashFreeGalleriaGraficaImmaginiSviluppoTutorialXML
Autore: Giuliano Ambrosio
Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.
55 Commenti
Scrivi un Commento
Contributor
Stefanelli
10 Indispensabili Consigli SEO per Web Designer Freelance
Oggi vediamo alcuni indispensabili consigli SEO per migliorare la visibilità dei siti web o ancora meglio degli  articoli, con lo scopo di migliorare la predisposizione all’indicizzazione dei nostri progetti web sui motori di ricerca. Ormai anche il Web Designer, soprattutto se è ha intrapreso la carriera da Freelance, deve assolutamente conosce alcune nozioni base della SEO. [...]
Rigato
Path: Alla scoperta del Social Network Esclusivo
Come ogni giorno, mi ritrovo a girovagare per il web: news dal mondo, articoli di nuovi o aggiornamenti social, altro vip che si cancella da Twitter… solita routine, quando ad un tratto vengo attratto dalla notizia di un nuovo Social Network super esclusivo. Già avevo sentito parlare di Path, ma non so per quale strano [...]
Gallo
Lo Shock Marketing nel 2012 con LUSH + [Video Shock]
Sono sempre troppo poche le campagne creative che puntano a sensibilizzare sulla causa animalista, contro le violenze e i test sugli animali, eppure quelle che hanno colpito di più l’immaginazione sono scolpite nelle coscienze di ognuno come segni indelebili. Tra tutte, una delle più meritevole degli ultimi anni è quella dell’azienda inglese LUSH, che ha [...]
Donno
Christophe Huet: Quando il Fotoritocco Diventa Surreale
Christophe Huet è un fotografo specializzato nel fotoritocco digitale, che divide facilmente le opinioni del pubblico, in quanto sappiamo benissimo che esistono due distinte correnti di pensiero. I primi, puristi della foto per i quali la manipolazione è da pena di morte, e i secondi, gli artisti del fotoritocco come Christophe che del fotoritocco hanno [...]
Guide In Evidenza
Usare un Metodo di Lavoro Efficace
Responsive Web Design: I Migliori Tutorial & Risorse
Progettare e realizzare un layout grafico per iPad
Progettare un Layout Grafico che funzioni
Facebook: Creare una Pagina Personalizzata
Creare un layout per iPhone: Trucchi e Consigli
Creare un Blog Popolare partendo da zero
Video Tutorial Adobe Photoshop
Il Meglio del Blog
I love WordPress - JuliusDesign P.IVA 10079630017 - Tutti i contenuti sotto Licenza Creative Commons - Advertise - Contatti - Policy
The advertisement is handled by BlackGeek Ltd
Oleg
28 gennaio 2008
Non male! Il pulsante “Enviroment” ha la transizione un pò sfasata… Bel lavoro cmq. ;)
dearhallcat
28 gennaio 2008
Ottimo, veramente bello … che dire sei un GENIO! :)
Alberto
28 gennaio 2008
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
veramente bella bravo julius :)
carolina
28 gennaio 2008
non mi apre il .flaaaaa!!!!
daniela
28 gennaio 2008
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
Julius hai ricevuto un oscar! sul mio blog :D
Fede
28 gennaio 2008
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
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
Julius è grande? DI PIU’!!!!!!
biagio
29 gennaio 2008
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
ciao
sempre fantastico!
…. e per eggiungere uno scroll anche alla lista delle categorie?
Marco
Julius
29 gennaio 2008
@Fede implemento una scroll anche per le categorie…
gepigym
29 gennaio 2008
ma lo stesso per i video che ne dici???
Paolo
3 febbraio 2008
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
Questo tutorial è sviluppato con versioni Flash 8 o superiori
Planet0
5 febbraio 2008
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
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
@Planet0 appena ho tempo implemento questa cosa
@gabriele flash mx 2004
gabriele paini
6 marzo 2008
strano ho flash mx 2004 in eng ma mi da quell’errore … boh
marco
3 aprile 2008
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
@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
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
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!!!
tiziano
24 ottobre 2008
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
Giuseppe
24 novembre 2008
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
Anto
14 dicembre 2008
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
Micaela
15 marzo 2009
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.
pamela
25 marzo 2009
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
Debby
17 aprile 2009
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
Serena
21 maggio 2009
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
Julius
21 maggio 2009
@Serena: ciao questa non è una galleria per video, quindi non saprei dirti se funziona correttamente.
ti segnalo queste gallerie di video
- Imagin: Galleria Immagini & Video Flash + PHP
- XML Photo Album Flash AS2 & AS3
- Xe-VideoGal V1: Galleria Flash Video FLV
angel87
2 giugno 2009
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!!!
Patty
2 giugno 2009
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
Debby
22 luglio 2009
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
Julius
22 luglio 2009
@Debby sarà qualche diffetto forse? hai un link online da vedere?
Debby
22 luglio 2009
http://www.dedarch.com/Progetti_residenziale.html
Debby
22 luglio 2009
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ù
Luca
31 agosto 2009
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
Sil
11 settembre 2009
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
Lello
7 ottobre 2009
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
Lello
7 ottobre 2009
@Lucac’ho lop stesso problema di SIl…
Sil hai risolto?
grazzie
elena
9 ottobre 2009
Ciao,
scusa che licenza ha questa bellissima galleria?
Giandomenico
12 ottobre 2009
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???
mariangela
10 novembre 2009
ciaoo, complimenti per la gallery..risconto però un problema..funziona bene con internet explorer..ma non con firefox…che fare?
Julius
10 novembre 2009
@elena CC
@Giandomenico Lascia il link alla pagina che controllo online
@mariangela Lascia anche tu un link alla pagina che controllo online cosa manca
mariangela
11 novembre 2009
@Julius..il link è questo: http://www.petropolis.it/prodotti.html
il problema che riscontro è che la foto o mi esce dal riquadro..o me la da in penombra..o si rimpicciolisce..ti ringrazio anticipatamente
Luca
11 novembre 2009
a me invece mi sballa una sezione
nel senso che mi fa vedere le stesse foto dell’ultima sezione visitata
come mai?
Julius
11 novembre 2009
@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
Luca
11 novembre 2009
assolutamente corretto
Non vorrei che ci fosse un limite massimo di categorie, io ne ho 6
mariangela
11 novembre 2009
@Juliusbug della maschera…e quindi che devo fare?:(
Rauko_dB
9 gennaio 2010
Ciao Julius,
ho lo stesso problema di parecchi utenti e cioè quello delle foto che, una volta caricate, spariscono zummando al contrario, (è evidente su Firefox e sul nuovo Chrome di Google)
Ho letto i commenti e parlavi di un bug della maschera.
Noi tutti stiamo aspettando una tua risposta :)
Grazie
Joe Yabuki
23 febbraio 2010
e se volessi mettere delle sottocategorie?
remo romano
18 marzo 2011
Ciao, c’è qualcuno in grado di aiutarmi?
Sto cercando di modificare il fla. in particolare i nomi delle categorie.
Ma dove dice “nell’array in Actionscript.
Clip con nome istanza internal components Linea 4″
Mi sono perso…
Se qualcuno è in ascolto…
grazie.
remo romano
28 marzo 2011
@ Julius:
ciao, per caso sei riuscito poi ad aggiungere uno scrolll alle categorie?