Horizontal Dock Menu V2.2 - 1/2008
Images used for examples are property of www.bigstockphoto.com.
Design and developed by Roberto García.
[Help]
Inside "menu.xml" there are two main nodes.
One is for "config" main options like scale amount or alpha reflected items.
[config]node -- >
> attribute - [options] description
> id - donīt touch!!
new > width and height - ["stage"]or/and[Number]
Here you set the width and height of the main clip containig the thumbs, this is the area where,
if needed, the scrolling are active relative to mouse position.
If use "stage", width/height to use stage ones.
new > testPostitionAlpha - [Number]
This is only for test options, put any number between 0 and 100 to show the area where the main
clip containing the thumbs are realy.
> posX and PosY - ["stage"]or/and[Number]
Use custom values or just use "stage" to center into X or/and Y of stage, or use just any number...
This are realative to center of main clip containing the thumbs.
new > scrollVel - [Number]
Number that set the velocity to move thumbs relative to mouse position.
If scrollVel=0, then it will not move!!
Anyway, donīt try width negative larges numbers, it will produce "strange" things.
> mouseSens - [number] Positive or Negative.
Just try values of, for ex., 5 and -5 and take a look.
Itīs hard to explain!
> mainIconPath - Could set here if use another folder to store icons. For ex. "icons/"...
IMPORTANT, if use custom path, remebre to end it with "/"!!!!
> thumbDuplicateSeparation - [Number] Set separation between icon and his duplicate.
> thumbInitScale - [Number] Initial items scale.
> thumbScale - [Number] Set max. scale when mouse rollup/rollnear icons.
> thumbSeparation - [Number] Separation between icons. (horizontal)
> thumbMagnetize - [Number] Like the power of the "magnetic" effect when mouse is near icons.
> alphaReflex - [Number 0-100] Set alpha for duplicate icon.
> alphaShine - [Number 0-100] Set alpha for shine above icon.
> useBlur - [boolean] true or false, to use blur effect or not.
> blurValue - [Number 0-100] Try use allways numbers multiple of 2, like 2, 4..32..128, etc...
> presicionBlur - [Number] Same as in "magnetic" effect when mouse is near icons but with the blur effect.
> useArrow - [boolean] true or false, to show or not the selected icon arraw.
> arrowPos - ["up"/"down"] Set the arrow position to up or down icon.
pd: Combinations of "mouseSens" and "thumbMagnetize" makes diferences between how movements happend. Just try it!
[items]node -- >
> attribute - [options] description
Just add as many as you need (and your screen allow!!):
Ex. one more of this line:
See code in fla`s first frame to control this attributes.
> name - may be you need this, or not. :)
> icon - Loads a SWF, JPEG, progressive JPEG, unanimated GIF, or PNG.
Use only name.ext because you could set the path in the "config" options using "mainIconPath".
Anyway you could not use the "mainIconPath" and put here the full path to an icon image,
ex. icon="icons/1.jpg"
Could be any size and is not needed all images to be same sizes too. So put what you want!!
Donīt belive me? try use de biggerV.jpg and tell me!!!
> link - Again, see fla`s first frame and decide what to do with that.
This is an example to link to an external url:
In the xml:
In the fla:
_global.onReleaseThumb = function(what){
getURL(what.B_link, "_blank");
};
Thatīs all folks!