Skip to main content
C
CE_1234
Participating Frequently
November 5, 2013
Answered

Help with MOUSE_OVER and MOUSE_OUT events

  • November 5, 2013
  • 1 reply
  • 404 views

Hello,

I'm very new to Flash and I'm having a bit of an issue with my first ActionScript.

I am working on a project where I have a black and white picture. When you mouse over the picture, it turns to a color version of the same picture. When you take your mouse off of the picture, it goes back to black and white.

I have three instances of the picture, a black and white image at frame 1, a color image at frame 10, and a black and white image at frame 20. Currently, when I mouse over the black and white picture, it turns to the color picture like I had hoped. However, when my mouse leaves the picture, it stays on the color picture.

My code looks like this:

import flash.events.MouseEvent;

stop();

btnCory.addEventListener(MouseEvent.MOUSE_OVER, coryOn);
btnCory2.addEventListener(MouseEvent.MOUSE_OUT, coryOff);
function coryOn(event:MouseEvent):void {
gotoAndStop(10)
}
function coryOff(event:MouseEvent):void {
gotoAndStop(20)
}

btnCory is the first black and white picture at frame 1, btnCory2 is the color picture at frame 10.

Any feedback / help would be much appriciated.


Thanks,


Jeremy

This topic has been closed for replies.
Correct answer kglad

your movieclip with images on frame 1, 10 and 20 should have one name (eg, image_mc) and you don't need to convert the images on frames 1 and 10 (and 20 though there's no point to having a duplicate image on frames 1 and 20) to objects and your code should look something like:

import flash.events.MouseEvent;

stop();

image_mc.addEventListener(MouseEvent.MOUSE_OVER, onF);
image_mc.addEventListener(MouseEvent.MOUSE_OUT, offF);
function onF(event:MouseEvent):void {
image_mc.gotoAndStop(10)
}
function offF(event:MouseEvent):void {
image_mc.gotoAndStop(1); 
}

and from a message in the cc forum i see you're using 5 images, so use:

import flash.events.MouseEvent;

stop();

image_mc.addEventListener(MouseEvent.MOUSE_OVER, onF);
image_mc.addEventListener(MouseEvent.MOUSE_OUT, offF);
function onF(event:MouseEvent):void {
MovieClip(e.currentTarget).gotoAndStop(10)
}
function offF(event:MouseEvent):void {
MovieClip(e.currentTarget).gotoAndStop(1); 
}

1 reply

kglad
Community Expert
kgladCommunity ExpertCorrect answer
Community Expert
November 5, 2013

your movieclip with images on frame 1, 10 and 20 should have one name (eg, image_mc) and you don't need to convert the images on frames 1 and 10 (and 20 though there's no point to having a duplicate image on frames 1 and 20) to objects and your code should look something like:

import flash.events.MouseEvent;

stop();

image_mc.addEventListener(MouseEvent.MOUSE_OVER, onF);
image_mc.addEventListener(MouseEvent.MOUSE_OUT, offF);
function onF(event:MouseEvent):void {
image_mc.gotoAndStop(10)
}
function offF(event:MouseEvent):void {
image_mc.gotoAndStop(1); 
}

and from a message in the cc forum i see you're using 5 images, so use:

import flash.events.MouseEvent;

stop();

image_mc.addEventListener(MouseEvent.MOUSE_OVER, onF);
image_mc.addEventListener(MouseEvent.MOUSE_OUT, offF);
function onF(event:MouseEvent):void {
MovieClip(e.currentTarget).gotoAndStop(10)
}
function offF(event:MouseEvent):void {
MovieClip(e.currentTarget).gotoAndStop(1); 
}

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices