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
Sorry, to add on, if I want it not to open an URL, how do I do it inside the swf file itself.
hi
you use the variable url for insert the direcotry swf
in to XML
<url>swf/moovie1.swf</url>in AS
ct.onRelease = function (){
loadMovie(this.__url, _root.box);
};
Hi, thanks for replying! I manage to solve the problem I had!
I have another question, how do I reduce the speed from scrolling too fast?
PS: Sorry for asking too many questions
You can modify this linee
linee 70 fotogram 2
var w = 24 + erxi + erxf + 43 * dat.length;24 number of increase
43 number of decrease
Hi, is this in actionscript 2 or actionscript 3?
Is there any format in actionscript 2?
@han hi
this project is in format ActionScript 2 flash player 8
oh, i load this gallery as an external swf. however, the scrolling does not seems to be working? How do i solve it?
hi, I try to import this dock menu as an external swf in another FLA. But the scrolling does not seem to be working on the FLA. How to solve it?
hi guys
import the swf in this mode
Hi, I try your way but doesnt seem to be working.
this is in the dockmenu.swf
_root.ct;
in my index.swf:
gallery_btn.onRelease = function(){
_root.base_mc.content_mc.loadMovie(“gallery.swf”);
_root.base_mc.content_mc_lockroot = true;
}
am I doing correctly?
yes
try in this mode
gallery_btn.onRelease = function(){loadMovie("gallery.swf",_root.base_mc.content_mc);
_root.base_mc.content_mc_lockroot = true;
}
Hi Julius,
thx for that! It’s really a nice script and I like it sooooo much :)
However, it wouldn’t work on my site…. If I call it directly, everything is fine. If I call it from my page I can see the “window” and a short loading. But then nothing happens.
What I did:
– upload the script (of course) like it is (also tried to refer a full path to the images in data.xml
– insert in the top of the page (header):
– Put this code at the right position in my html:
This text is replaced by the Flash movie.
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF("/go/i_v/_ws/mediabase/dockmenue/menu_dock_bar.swf", "Home", "600", "80", "9.0.0","/go/i_v/_ws/mediabase/dockmenue/expressInstall.swf", flashvars, params, attributes);
I use SWFObjects v2! So I have to call it in lower case
I don’t know, maybe menue_dock didn’t find the data.xml (it’s in the same folder – but who really knows?) Can I insert a parameter to point to the file?
thx,
mickna
I thought code is special to write code without processing it….
This text is replaced by the Flash movie.
var flashvars = {};
var params = {};
var attributes = {};
swfobject.embedSWF(“/go/i_v/_ws/mediabase/dockmenue/menu_dock_bar.swf”, “Home”, “600”, “80”, “9.0.0”,”/go/i_v/_ws/mediabase/dockmenue/expressInstall.swf”, flashvars, params, attributes);
hi, I tried it, but its still not working.
What codes must I put in the dockmenu.fla?
innanzi tutto e prima di tutto… il sito è semplicemente unico!!!
una domanda, è possibile far ingrandire meno le immagini al passaggio del mouse? ho sostituito le immagini con dei disegni, e ingrandendosi si sgranano.
grazie mille
ciao e buon lavoro
son sempre io, come posso eliminare il titolo dell’immagine? o provato a toglierlo dall’ xlm ma non funziona???
grazie ancora
Ciao Julius, è un po’ che manco da tuo magnifico blog e appena torno ci trovo questo stupendo dock menu, fantastico!!!
Mi sto studiando i sorgenti per ricreare qualcosa di simile e capirne meglio il funzionamente, il codice si trova solo nei primi 2 frame dell’ Action Layer?
grazie mille e continua così.
@roberto l’ingrandimento è gestito con una semplice interpolazione di movimento, basta cambiare quella
Per togliere il titolo vai nel clip principale main ed elimina il campo di testo
@Aldo grazie si esatto
grazie a te x la risposta (:
continua così che vai alla grandissima!
provo subito,
grazie mille
Roberto
ciao Julius questa dockbar è perfetta ma se volessi farla con icone 128×128 cosa devo modificare per farla visualizzare al meglio???
grazie mille
Modifica la dimensione del clip contenitore di nome istanza main, lo trovi in libreria
grazie julius ma devo entrarci dentro o da dove? perchè in mai ci sono altri due oggetti . . . .help me . . .le dimensioni che mi servono non sono più 128×128 ma 100×100 visto che 60×60 sono veramente piccoline . . .ti ringrazio
Libreria >> clip nome main
li trovi il clip che contiene l’immagine
Ciao Julius, ho provato ad inserire questo effetto nella mia home (uso MediaWiki e una estensione che mi fa aggiungere dell’HTML) ma ho un problema, se guardo l’HTML che vado ad includere (QUESTO) si vede correttamente, ma se lo inserisco nelle pagine fa un accenno di caricamento ma poi non si vede.
Sapresti aiutarmi?
Ho provato ad includere il tuo esempio e quello funziona correttamente, ma se includo il mio non funziona.
L’XML è corretto infatti se lo visualizzo da solo funziona tutto bene.
Sai a cosa può essere dovuto?
Riesci a farmi vedere la pagina con il menu in cui non funziona?
@Julius: Scusa se ti rispondo solo ora, ma non ho visto la tua risposta.
La pagina che ho creato per farti vedere è QUESTA, sopra vedi quello che hai fatto tu di esempio e sotto c’è il mio.
Il tuo si vede, io mio no.
Per includerlo ho usato il JS che usi anche tu.
Non ho parole.. se non: grazie! Uno splendido tutorial, proprio ciò che cercavo.
:)
@Killeader figurati ;)
Ciao Julius,
ho provato ad inserire il clip all’interno di una scena creata in adobe flash cs3, copiando i frame del tutotial all’interno di un movie clip.
Nel momento in cui pubblico la scena 1. Non si vede la barra con le icone 2.nell’output mi compare la dicitura NAN.
puoi aiutarmi? grazie
Lorenzo
Purtroppo non è possibile caricare un progetto in as2 in un altro creato in as3
:-( grazie…
quindi il tutorial è stato creato in as3?
Questo è stato creato con AS2
beh, anche la scena creata da me è in as2
ho inserito i file dataxml e la cartella contenente le immagini all’interno dello stesso folder dove vengono pubblicati l’swf e l’html…
Vorrei spaccare la pagina in due frame, in quello superiore inserire il tuo menu e in quello sotto il risultato del link del menu’.
E’ possibile farlo modificando solo il xml?
Se no puoi farlo, se e’ possibile.
Come al solito sei grande, ti seguo tutti i giorni ed anche piu’ volte al giorno.
Caro Julius,
leggendo i commenti precendenti ho trovato qualche utile dritta grazie al tuo ulteriore prezioso aiuto :)
vorrei porti però una ulteriore questione alla quale non riesco a trovare una risposta: se nella home del mio sito in flash faccio caricare l’swf esterno di questo dock menu, come posso fare a far comunicare il dock con il resto del sito?
In pratica vorrei che il dock caricato riuscisse a comandare il filmato caricatore, ad esempio vorrei fargli caricare altri swf esterni.
Grazie anticipate
Ciao Giuliano, finalmente ho capito cosa causa il mio problema:
Il problema si verifica a causa dello / presente negli URL MediaWiki prima del nome della pagina, se si visualizza la pagina con lo / non funziona, ma se allo slash si sostituisce ?title= allora funziona.
Vedi questo esempio:
– Con Slash: cliccami
– Senza Slash: cliccami
Secondo me si potrebbe risolvere cambiando il path name relativo all’interno del flash in modo che non cerchi data.xml, ma ../data.xml.
Ciao
Ciao,
ho risolto il problema :D
ho visto che usando _parent e il percorso dei vari target i due movieclip possono funzionare.
Scusa per il disturbo :)
Ciao julius, complimenti per il sito e le tante informazioni che ci sono.
Essendo questo un Tutorial speravo fossero spiegati i passaggi compiuti nella compilazione del codice. Vorrei capire come gestire il movimento in questo caso del menù in base alla posizione del mouse per poterlo poi applicare in qualsiasi situazione…non è che hai voglia di spiegare per bene come funziona la cosa? sono sicuro che in molti apprezzerebbero! :D
Ciao Julius, finalmente ho risolto impostando un redirect in CPanel che mi permette di fargli trovare il file data.xml
Il Dock Menu è ora nella mia Home Page.
Grazie comunque.
Ciao Julius hai per caso idea di come modificare la velocità dello “strumentino”? Grazie infinite
Alessandro
@_Uno ottimo
@Alessandro per quanto riguarda la velocità è legato alla quantità di immagini da vedere…
La velocità viene calcolata in base alla larghezza totale delle immagini e alla metà dello stage…
Grazie mille, un’ultima cosa se è possibile farla…. Vorrei aggiungere un po’ di spazio bianco da entrambi i lati (un margine sinistro e destro per capirci).
Di nuovo grazie
Alessandro
Non sono sicuro si possa aumentare
Ma comunque lo puoi impostare dalla variabile per far partire le miniature che viene calcolata sempre con la stessa logica di prima…
Ciao Julius scusa la mia domanda, forse banale, ho visto che le immagini si ripeto, quindi sono doppie, come faccio a renderle singole?
Ti ringrazio e complimenti sinceri per il tuo lavoro.
Mariano
mariano , apri il xml file e cancella gli fotos che non ti serve…..
(scusa per il mio italiano)
Grazie maldor è stata la prima cosa che ho fatto ma non ha risolto il problema. Ho capito cosa era. Era firefox con IE funzione ma con Firefox ho problemi.