# Hover rollovers and xscale

**URL:** https://forum.kirupa.com/t/hover-rollovers-and-xscale/166637
**Category:** Uncategorized
**Created:** [October 21, 2005, 2:08pm UTC](https://forum.kirupa.com/t/hover-rollovers-and-xscale/166637 "2005-10-21T14:08:02Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![phxpinchot](https://avatars.discourse-cdn.com/v4/letter/p/b487fb/32.png) [@phxpinchot](https://forum.kirupa.com/u/phxpinchot)
#### Post date: [October 21, 2005, 2:08pm UTC](https://forum.kirupa.com/t/hover-rollovers-and-xscale/166637/1 "2005-10-21T14:08:02Z")

</div>

I have a project that uses hover captioins in a movie showing a the floorplan of the house. When a person scrolls over the room name, flash shows the room dimensions in the hover caption. The user also has the ability to rotate/flip the floorplan so they can see the alternate version of the plan. I use \_xscale = -100; on the movie clip containing the entire floorplan and its captions. The problem is that the hover captions don’t display when the plan is flipped… but it does show the background box where the caption text should appear. Thanks in advance for any help!

Here it is in action:

[http://cibolacreative.com/taylorwoodrow/canyon/4541-acclaim.swf](http://cibolacreative.com/taylorwoodrow/canyon/4541-acclaim.swf)

Here’s the code I used for the captions:  
b1.onRollOver = function() {  
captionFN(true, “13’ Wide Standard”, this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b2.onRollOver = function() {  
captionFN(true, "14’.10 x 12’.0 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b3.onRollOver = function() {  
captionFN(true, "10’.0 x 23’.6 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b4.onRollOver = function() {  
captionFN(true, "18’.5 x 9’.0 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b5.onRollOver = function() {  
captionFN(true, "7’.9 x 10’.7 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b6.onRollOver = function() {  
captionFN(true, "21’.10 x 14’.5 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b7.onRollOver = function() {  
captionFN(true, “12’.4”, this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b9.onRollOver = function() {  
captionFN(true, "12’.7 x 12’.4 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b10.onRollOver = function() {  
captionFN(true, "10’.0 x 11’.0 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b11.onRollOver = function() {  
captionFN(true, "19’.1 x 19’.4 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
b12.onRollOver = function() {  
captionFN(true, "10’.0 x 11’.0 ", this);  
this.onRollOut = function() {  
captionFN(false);  
};  
};  
captionFN = function (showCaption, captionText, bName) {  
if (showCaption) {  
this.createEmptyMovieClip(“hoverCaption”, this.getNextHighestDepth());  
cap.desc.text = captionText;  
cap.\_width = 7\*cap.desc.text.length;  
cap.\_alpha = 75;  
//  
if ((bName.\_width+bName.\_x+cap.\_width)\>Stage.width) {  
xo = -2-cap.\_width;  
yo = -17;  
} else {  
xo = 2;  
yo = -17;  
}  
hoverCaption.onEnterFrame = function() {  
cap.\_x = this.\_xmouse+xo;  
cap.\_y = this.\_ymouse+yo;  
cap.\_visible = true;  
};  
} else {  
delete hoverCaption.onEnterFrame;  
cap.\_visible = false;  
}  
};