Dock Menu Flash XML è un applicazione flash che permette di generare tramite file esterno XML un menu stile Dock Bar del Mac OS X
Le immagini possono essere di formato .jpg o .png di dimensioni 60×60
Per ogni immagine è associato un link e un titolo specifico
Inoltre viene creata in automatico un effetto ombra stile web 2.0 e visualizzato un titolo specifico.
Andiamo ora a vedere insieme il file XML esterno:
<file>
<title>Adobe Flash CS3</title>
<image>img/img1.png</image>
<url>https://www.juliusdesign.net</url>
</file>
- title: Titolo dell’immagine
- image: Percorso assoluto (http://www.dominio.com/img/img1.png) o relativo (img/img1.png) dell’immagine
- url: Specificare l’indirizzo internet odel file da aprire
230 Commenti
Proprio quello di cui ho bisogno stamani…GRAZIE
Stupendo questo menu’ (come al solito), ti chiedo se fosse possibile aggiungere al file xml anche un frame di destinazione del link.
Sei FORTISSIMO jULIUS
fantastica!Mi ha fatto venire un’ottima idea…dici che si può implementare lightbox se si utilizzano immagini al posto delle icone?
@michelino bene
@Alberto si è possibile ma ho notato che ci sono vari problemi a inviare con getURL in un dato iframe…
la sintassi e semplice ma ho verificato che non funziona su tutti i browser quindi te la sconsiglierei..
@vale si potrebbe fare..magari implemento questa cosa per una prossima galleria di immagini
Ciao Julius,ho 2 (spero) piccole modifiche da fare.
Per prima cosa vorrei far si che le miniature siano più distanziate, ho provato a modificare alcuni valori che sono nell’AS,però se le distanzio poi non le vedo tutte è come se mi uscissero dallo stage.
Infine mi piacerebbe far partire le miniature allineate a sinistra invece di farle partire centrali.
Mi puoi dare una mano?
Ciao
Grande Julius, ottima risorsa, come al solito del resto.
io anche volevo fare qualche modifica, volevo linkarlo in una nuova finestra, con target _blank, è possibile?
qualche suggerimento?
oppure avresti qualche idea per fare una pagina link (che contiene appunto i link ad amici)???
grazie in anticipo, ciao!!
@michelino appena ho tempo controllo e ti dico
@marco
Linea 61 fotogramma 2
getURL(this.__url, "_blank");grande, perfetto!!
graziieee!
Splendido Tutorial! :D Davvero bello ed utile!
Continua così…
Ciao Julius anche io volevo chiederti come fare per
far si che le miniature siano più distanziate.
stessa cosa anche per farle partire da sinistra.
grazie mille
Ciao
Non si potrebbe, oltre che al link, anche la destinazione del link?
Sei grande
Grande julius!!!!! Bellissimo, ho fatto un menù con le foto dei cantanti linkandoli al tuo player liquido :D
@Alberto il link va messo qui:
Adobe Flash CS3
img/img1.png
https://www.juliusdesign.net
@Alberto ciao per la destinazione del link leggi il commento
@Chiara ciao
per far iniziare le immagini da sinistra fotogramma 1 linea 72
cambia
container_mc._x = Math.round((Stage.width - w) / 2);in
container_mc._x = 0;Per quanto riguarda la distanza linea 57
ct._x = erxi + 12 + 43 * j;Aumentando il numero in grassetto distanzi le immagini
Scusa non mi sono spiegato bene, intendevo se era possibile inserire la destinazione del link all’interno del file xml.
Ancora grazie per la pazienza che hai.
grazie perfetto…
avrei un’altra curiosità, avendo messo delle icone + grandi rispetto a quelle che c’erano nel tutorial,
come posso far apparire il nome dell’immagine sotto alla foto, e non al centro? ho notato che si è perso anche l’effetto ombra…
grazie
@Alberto che tipo di destinazione intendi? _blank _self ecc.?
@Chiara ciao modifica il clip che trovi in libreria nome istanza MAIN
Sarebbe bello se si potessero dare sia _self e sia un nome del tipo “intro, centro o altro, l’importante che si riesca ad aprire una pagina in altro frame.
Grazie ancora del tuo prezioso tempo.
Ti posso dire che iframe ora come ora sono deprecati nel senso che non tutti i browser li supportano
Altra cosa e che le aperture degli iframe con flash non a volte creano problemi con altri browser tipo IE
Comunque poi provare a inserire un nuovo parametro nel file XML tipo target
poi in AS ricevi il parametro nello stesso modo che intercettiamo i parametri delle immagini, titolo e link
A questo punto ti basterà nell’istruzione getURL
getURL(this.__url, _this.__target);PS: i doppi underscor “__” sono solo scritti per scelta.. puoi chiamarlo come vuoi il parametro ovviamente come l’hai scritto per ricevere da XML
Ciao Julius…
come faccio ad associare un suono al roll over sulle immagini ?
Grazie :)
Paolo
Entra nel clip main è inserisci in un nuovo livello il suono direttaemente…
Ciao Julius…
Come posso fare per ingrandire tutto, immagini comprese, di almeno 2 volte
Grazie
Bledi
Ciao
ingrandisci prima il clip main, ovviamente facendogli caricare imamgini più gradi esternamente…
e poi distanziati tra le varie thumb da AS come spiegato nei commenti…
Hello Julius, I used this menu with 15 images of 150x120px and modified the space between them as you indicate above in posts, but only can visualize until eighth because does not slide towards the right. in what line of the code I can correct it? Thank you very much by your excellent contributions
@Jano hi
You are sure that the XML file is writeen correct?
If you can write a link to your project and I control
bye bye
carissimo.. solo una domanda.. magari è una banalità però nn ho avuto modo di provare nulla perchè sono via per lavoro e di conseguenza ti faccio una domanda alla cieca.. il quesito è semplice.. all’icone posso associare un azione load-movie con un obiettivo (movie clip) nello stesso file o in un altro
!?
Hi Julius, this is the link to download the modificated one, thanks for your good vibrations hehe, greetings from Chile, the country of the Chaiten volcano :(
http://www.devastudio.cl/dock_menu_flash_xml_v2.zip
Splendido Menu’!! Bravissimo! Volevo sapere se stai lavorando/ implementando la possibilità di integrare un lightbox in questo menu cosi’ da poterlo convertire in galleria fotografica.
@Nico certo che si :)
Ti basta fare una piccola modifica sull evento on(release) e invece di utilizzare getURL utilizzi un loadMovie per caricare un swf o un’immagine esterna…
@Jano hi
I translate in italian language for the my uesers
*Traduco anche in italiano per gli altri utenti in quanto la soluzione potrebbe servire, il problema era scorrere tra le immagini essendo più larghe
You must change this variable in fotogram 2 and linee 70
*Basta cambiare questo parametro in fotogramma 2 linea 70
var w = 24 + erxi + erxf + 43 * dat.length;You increase the number 43 and you can moove in to your image
*Incrementa il numero 43, e in questo modo potrai vedere tutte le immagini
@P1S1 sinceramente no :)
comunque se guardi come ho lavorato per Slide Gallery Xml non è difficile
Nella funzione del on(release) basta che inserisci getUrl riferito al JavaScript Lightbox
..Vero! Funziona…quasi ;)
Nel senso che il Lightbox usato per “Slide Gallery Xml” ha qualcosa che nn m torna. x quanto riguarda AS:
frame 02 linea 58 da
ct.__url = dat[j].url;
ho sostituito
ct.url = dat[j].url;
Mentre in Frame 02 linea 62 da
getURL(this.__url, “”);
ho sostituito
getURL(“javascript:flashLightbox(‘”+this.url+”‘);”);
A questo punto m apre il lightbox (utilizzando il codice html di “Slide Gallery Xml” come style/css e gli stessi file js e css).. ma in background rispetto al dock in flash!
…mhhhh…
consigli? :D
Dovresti ingrandire lo stage del dock al fine di avere un area maggiore
Ehi! Julius, è possibile cambiare il significato dei menù? fare verticale, Grazie!
è possibile modificare il menu verticale per l’uso? Grazie!
Io ho usato il traduttore di Google, è possibile che non q questo ben scritto la mia ricerca, scuse!
Si potrebbe fare, ma c’è un po di lavoro da fare…
Bisogna calcolare le nuove posizione dell thumb caricate in verticale anzi chè in orizzontale…
Apprezziamo molto la tua risposta e spero che lei può vedere la possibilità di farlo in verticale.
Congratulazioni per il tuo blog! Hai ottimo materiale! La ringrazio da Cordoba, Argentina!
Ciao Julius!! bellissimo il tuo menu!! era quello che stavo cercando da mesiiii!!
ho un solo problemino: devo allargare l’area di visualizzazione delle thumb… come faccio?? ho provato allargando lo stage ma ovviamente non funziona…. puoi aiutarmi??
ti ringrazio in anticipooo!!
ciao alessia
@Gaston grazie mille
@Alessia ciao vai nella libreria, clip nome istanza MAIN
li trovi i clip che vengono usati per risiedere le imamgini allarga le loro dimensioni
ciao, ho visto quest fantastico tutorial, io faccio caricare al file swf delle immagini di dimensioni 90×68 e vorrei farle ridimensionare a 60×45, è possible fare una cosa del genere snza modificare fisicamente le immagini?
ciao e grazie
Puoi usare le proprietà _xscale e _yscale ma in questo modo perderai risoluzione
Ciao Julius, ottimo tutorial.
E’ possibile aumentare solo la dimensione delle miniature?
Grazie,
Larry
Ciao si è possibile…ma manualmente…
Devi entrare nel clip main, li troverai il clip utilizzato come contenitore..
basta che lo ridimensioni, e poi ovviamente devi caricare delle immagini di uguali dimensioni
Ok, perfetto.
Dovrei spostare però l’ombra e modificare il font.
Come faccio?
tnx,
Larry
Complimenti per il tuo lavoro veramente carino però avrei una domanda,
ho provato a caricare l’swf tramite load movie sul livello 1 di un’altro stage ed ho notato che si carica tutto ma nn funziona piu la slide.
Potresti aiutarmi?
grazie
sempre piu’ bello questo sito…. :)
@Larry vai nella libreria clip filmato nome istanza main trovi tutto li, font e clip che fa da ombra
@fede ciao usa il loadMovie in questo modo
Ciao julius scusa ma nn ho capito o forse nn mi sono spiegato come si deve.
Ti ripeto spero di essere piu chiaro.
ho una home fatta da me della grandezza di 1280×800 nella quale ci sono dei pulsanti con associato il load movie.
ok
quando vado a cliccare e carico il tuo clip 500×80 sul livello n1 dello stage principale si caricano le miniature fin qui tutto ok ma nn scorrono piu al passaggio del mouse.
Lo spostamento delle thumb viene eseguito rilevando la posizione delle stesse sulla root
Una volta che tu richiami l’swf su un altro clip o livello questo i percorsi cambiano e certe istruzioni non trovano più gli oggetti..
Se provi a utilizzare la tecnica citata prima vedrai che funziona…
:) il fatto è che nn ho capito qual’è la tecnica citata prima se clicco mi torna ad inizio pagina.
Fa niente grazie lostesso sei stato gentilissimo.
Fala Julius!
Tem como ao clicar no thumb manda-lo para outra cena atras do xml?
talvez trocando o get url por gotoAndPlay?
valeu!
hi, i like this tutorial a lot. But I want to make this to something like a gallery page. Means when I click on it, the picture would load in the movie clip with transition. Can you advise on how to do it?
@Edu hi
you must modify this code
getURL(this.__url, _this.__target);in
_root.gotoAdnPlay(this.__url);getURL(this.__url, _this.__target);@shellen modify this code in
loadMovie(this.__url,_root.box);create the movie clip of istance name box on the root
in the file XML will be the name of the swf
Hi, Thanks for replying me. I felt so grateful.I tried your way.
This is what I did:
ct.onRelease = function ()
{
getURL(this.__url, _this.__target);
_root.gotoAndPlay(this.__url);
loadMovie(this.__url, _root.box);
};
Am I right?
However, I got this error:
Error opening URL ‘file:///C|/Documents%20and%20Settings/SHELLEN/Desktop/menu%5Fdock%5Fbar%5Fxml/undefined’
I do not know what to put for the in the xml file. I wish that when I clicked on the little thumbnails, the big image would appear on the same swf as the thumbnails.How do I do that? Please advise.Thanks!