Building an OSX-style dock for navigation on this website. Unfortunately, the icons are scaling to 300% or so, and I can’t figure out how to get them to scale to like, 110% max… Any help would be appreciated, thanks!
Here is the swf file - http://evolutionpresents.com/contour/Contour.swf
Here is the fla file - http://evolutionpresents.com/contour/Contour.fla
Here is the code on the menu:
onClipEvent (load) {
function checkOffset (coffset) {
if (coffset<-76) {
coffset = -76;
} else if (coffset>76) {
coffset = 76;
}
return coffset;
}
function setScale (soffset) {
return 100*(3-(2*(Math.abs(soffset)/76)));
}
}
onClipEvent (mouseMove) {
// Get cursor x and y coordinates
y = getProperty("_root.navbar.drag", _y);
x = getProperty("_root.navbar.drag", _x);
// Find cursor offset for each icon based on icon’s starting location
navhomeOffset = x+399;
navaboutOffset = x+239;
navservicesOffset = x+79;
navappointmentsOffset = x-79;
navlocationOffset = x-239;
navcontactOffset = x-399;
// If cursor is inside menu
if (y>=-75 and y<=75 and x>=-500 and x<=500) {
// Make sure the offsets are within acceptable limits
navhomeOffset = checkOffset(navhomeOffset);
navaboutOffset = checkOffset(navaboutOffset);
navservicesOffset = checkOffset(navservicesOffset);
navappointmentsOffset = checkOffset(navappointmentsOffset);
navlocationOffset = checkOffset(navlocationOffset);
navcontactOffset = checkOffset(navcontactOffset);
// Move the Home Icon
setProperty ("_root.navbar.navhome", _x, -399-(navhomeOffset/8));
setProperty ("_root.navbar.navhome", _xscale, setScale(navhomeOffset));
setProperty ("_root.navbar.navhome", _yscale, setScale(navhomeOffset));
// Move the About Icon
setProperty ("_root.navbar.navabout", _x, -239-(navaboutOffset/8));
setProperty ("_root.navbar.navabout", _xscale, setScale(navaboutOffset));
setProperty ("_root.navbar.navabout", _yscale, setScale(navaboutOffset));
// Move the Services Icon
setProperty ("_root.navbar.navservices", _x, -79-(navservicesOffset/8));
setProperty ("_root.navbar.navservices", _xscale, setScale(navservicesOffset));
setProperty ("_root.navbar.navservices", _yscale, setScale(navservicesOffset));
// Move the Appointments Icon
setProperty ("_root.navbar.navappointments", _x, 79-(navappointmentsOffset/8));
setProperty ("_root.navbar.navappointments", _xscale, setScale(navappointmentsOffset));
setProperty ("_root.navbar.navappointments", _yscale, setScale(navappointmentsOffset));
// Move the Location Icon
setProperty ("_root.navbar.navlocation", _x, 239-(navlocationOffset/8));
setProperty ("_root.navbar.navlocation", _xscale, setScale(navlocationOffset));
setProperty ("_root.navbar.navlocation", _yscale, setScale(navlocationOffset));
// Move the Contact Icon
setProperty ("_root.navbar.navcontact", _x, 399-(navcontactOffset/8));
setProperty ("_root.navbar.navcontact", _xscale, setScale(navcontactOffset));
setProperty ("_root.navbar.navcontact", _yscale, setScale(navcontactOffset));
} else {
setProperty ("_root.navbar.navhome", _x, -399);
setProperty ("_root.navbar.navhome", _xscale, 100);
setProperty ("_root.navbar.navhome", _yscale, 100);
setProperty ("_root.navbar.navabout", _x, -239);
setProperty ("_root.navbar.navabout", _xscale, 100);
setProperty ("_root.navbar.navabout", _yscale, 100);
setProperty ("_root.navbar.navservices", _x, -79);
setProperty ("_root.navbar.navservices", _xscale, 100);
setProperty ("_root.navbar.navservices", _yscale, 100);
setProperty ("_root.navbar.navappointments", _x, 79);
setProperty ("_root.navbar.navappointments", _xscale, 100);
setProperty ("_root.navbar.navappointments", _yscale, 100);
setProperty ("_root.navbar.navlocation", _x, 239);
setProperty ("_root.navbar.navlocation", _xscale, 100);
setProperty ("_root.navbar.navlocation", _yscale, 100);
setProperty ("_root.navbar.navcontact", _x, 399);
setProperty ("_root.navbar.navcontact", _xscale, 100);
setProperty ("_root.navbar.navcontact", _yscale, 100);
}
}