# Flash MX Rollover Icons

**URL:** https://forum.kirupa.com/t/flash-mx-rollover-icons/5156
**Category:** flash
**Created:** [September 3, 2002, 10:34am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156 "2002-09-03T10:34:23Z")
**Posts on this page:** 20
**Page:** 1

<div class="post-metadata">

### Author: ![CLoudStrife](https://avatars.discourse-cdn.com/v4/letter/c/4491bb/32.png) [@CLoudStrife](https://forum.kirupa.com/u/CLoudStrife)
#### Post date: [September 3, 2002, 10:34am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/1 "2002-09-03T10:34:23Z")

</div>

All i need is some help creating a mouseover button for graphics and pictures. Not Text

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 10:37am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/2 "2002-09-03T10:37:42Z")

</div>

Can you be a bit more specific.

P.S. It’s not the grave we fear, it’s what comes after it!

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 10:46am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/3 "2002-09-03T10:46:19Z")

</div>

I have a bunch of pictures, and what i want is to put them tiny and then when you move the mouse over them they grow larger.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 10:53am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/4 "2002-09-03T10:53:21Z")

</div>

Double click on the button image when it’s small. You’ll be brought to the time-line of the button.

You’ll see a black circle in the “up” state.

Click on the “over” state.

Press F6 - that inserts a black circle (key frame) in the over state.

Select your image and press CTRL+ALT+S (Scale).

Enter the percentage you want to scale to, eg 150% - that’s the original plus 50% more.

When you test your movie and move the mouse over the image it should change to the larger image…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 10:59am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/5 "2002-09-03T10:59:35Z")

</div>

Hi,

urPicture.onRollOver = function(){  
urPicture.\_xscale = 400;  
urPicture.\_yscale = 400;  
}

urPicture is a MC with ur picture on it

Cya

SHO

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:03am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/6 "2002-09-03T11:03:54Z")

</div>

im pressing ctrl alt s and its not doing anything. do i get out of the button area first?  
WhAts urpicture?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:07am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/7 "2002-09-03T11:07:45Z")

</div>

i got the scale but do i constrain it?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:09am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/8 "2002-09-03T11:09:21Z")

</div>

That’s actually a good way of doing it especially if you re-use the function later eg:

Eki said:

urPicture.onRollOver = function(){  
urPicture.\_xscale = 400;  
urPicture.\_yscale = 400;  
}

I suppose you could use something like:

function makebig() {  
this.\_xscale = (whatever);  
this.\_yscale = (whatever);  
}

and in the future on mouse over you could just call makebig().

I think that would work…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:10am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/9 "2002-09-03T11:10:26Z")

</div>

thats nice and all but where do i put all this?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:11am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/10 "2002-09-03T11:11:13Z")

</div>

Hi,

urPicture =

Place any of your pictures on the stage, make sure it’s selected (not anything else); hit ‘F8’ to convert it into a movie clip symbol.

In the properties pane give it an instance name (I’ve used urPicture, u can use wathever u like -it’s just a name- ) and make sure that name is same one u use in the code.

Repeat the process for each of the images.

Cheers

SHO

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:12am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/11 "2002-09-03T11:12:34Z")

</div>

jesus im getting a headache.  
I need a handholding walkthrough and i cant find one anywhere on the net.  
u people are nice to help me out though

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:13am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/12 "2002-09-03T11:13:09Z")

</div>

Ok forget the script - You just want to be able to make an image when the mouse moves over it? Or are there more images grouped? The first method without the script is easier…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:15am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/13 "2002-09-03T11:15:03Z")

</div>

i have a circle. i double clicked and made it 200% bigger (constrained) for the over. Now what?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:17am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/14 "2002-09-03T11:17:44Z")

</div>

When you say made it 200% bigger. What do you mean? Have you made it bigger in the over state? If so, isn’t that what you wanted? If not when editing the button - make the the up state is the original image and the over state is the 200% one.

That should work.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:19am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/15 "2002-09-03T11:19:12Z")

</div>

your right.

but if i have 2 pictures (graphics) and i wanted to be able to scroll through them just by using the mouse over technique, how would i do that?

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:19am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/16 "2002-09-03T11:19:54Z")

</div>

Ellaborate on scroll through them…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:21am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/17 "2002-09-03T11:21:54Z")

</div>

say i had a web page with several different pictures. you put your mouse over a button and the pictures would move towards the left, vanishing as the reached the edge, how do i do that???

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:24am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/18 "2002-09-03T11:24:38Z")

</div>

(thinking)… Give me an example. When you move the mouse over a button - where do the images come from - what is their initial position…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:24am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/19 "2002-09-03T11:24:52Z")

</div>

Hi,

I’m postin a fla that does it

Bye

SHO

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [September 3, 2002, 11:25am UTC](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156/20 "2002-09-03T11:25:50Z")

</div>

its like a circle.  
they come from right to left. they appear from the right, come through the center, and vanish to the left

[Next page](https://forum.kirupa.com/t/flash-mx-rollover-icons/5156.md?page=2)
