# Img on rollover effect. how?

**URL:** <https://forum.kirupa.com/t/img-on-rollover-effect-how/25227>\
**Category:** Uncategorized\
**Created:** [July 10, 2003, 6:29pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227 "2003-07-10T18:29:06Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![worm](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/worm/32/235_2.png) [@worm](https://forum.kirupa.com/u/worm)\
**Post date:** [July 10, 2003, 6:29pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/1 "2003-07-10T18:29:06Z")

</div>

the other day there was a thread floatin around where someone was xplning (to me i think) how to have an image load (not dynamically but from within the same movie) when u mouseover a button.

Could someone direct me to this thread or provide a quick and easy to understand tutorial on this plz.

---

<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:** [July 10, 2003, 7:31pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/2 "2003-07-10T19:31:49Z")

</div>

Heres the fla that im testing with

[www.zawdie.com/test/prob.fla](http://www.zawdie.com/test/prob.fla)

Nothing appears when i mousover the button

---

<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:** [July 10, 2003, 7:38pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/3 "2003-07-10T19:38:42Z")

</div>

[http://www.designerpackets.com/test/prob\_fix.fla](http://www.designerpackets.com/test/prob_fix.fla)

It appears u didnt bring the movie onto the stage and give it it’s instance name of “movie” 🙂

---

<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:** [July 10, 2003, 7:39pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/4 "2003-07-10T19:39:55Z")

</div>

thanx but i think u need 2 fix ur link.

---

<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:** [July 10, 2003, 7:40pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/5 "2003-07-10T19:40:21Z")

</div>

click again 🙂

---

<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:** [July 10, 2003, 7:40pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/6 "2003-07-10T19:40:58Z")

</div>

well, there are 2 ways. the first way is to put the picture in the “over” frame of the button, other wise, you need action script.

for this, here is how i recomend doing it:

1. create a movie clip with 2 frames. the first frame blank, the second frame with the picture on it. make sure both frames have the stop command on them

2. give your movieclip (hence forth MC) an instance name, for this we will call it “thingy” as an example

3. in the button’s actionscript put:  
[AS]on (mouseOver) {  
tellTarget(“thingy”) {  
gotoAndStop(2); // if its not 2, then put whatever frame the picture is on  
}  
}  
on (mouseOut, release) {  
tellTarget(“thingy”) {  
gotoAndStop(1); // 1 should be the blank frame. this is non-negotiable  
}  
}

---

<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:** [July 10, 2003, 7:42pm UTC](https://forum.kirupa.com/t/img-on-rollover-effect-how/25227/7 "2003-07-10T19:42:41Z")

</div>

thnx mang, gonna go try it now
