# Roll Over Transistion From One Image To Another

**URL:** <https://forum.kirupa.com/t/roll-over-transistion-from-one-image-to-another/291652>\
**Category:** flash\
**Created:** [July 2, 2009, 7:43pm UTC](https://forum.kirupa.com/t/roll-over-transistion-from-one-image-to-another/291652 "2009-07-02T19:43:39Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![iiswansongii](https://avatars.discourse-cdn.com/v4/letter/i/e480ec/32.png) [@iiswansongii](https://forum.kirupa.com/u/iiswansongii)\
**Post date:** [July 2, 2009, 7:43pm UTC](https://forum.kirupa.com/t/roll-over-transistion-from-one-image-to-another/291652/1 "2009-07-02T19:43:39Z")

</div>

I’m having difficulties with something that ‘seems’ simple enough.

I have a graphical flash feature on the homepage. You can roll over a block that makes an image appear specific to it’s block subject.

Well, what I’d REALLY like is when the cursor rolls over each block, that a mask effect occurs from the image previously rolled over into the new one.

I’m sure it involves variables but I need a bit of a head start if anyone is able to assist?

thank you so much in advance for assistance!

I’m having trouble uploading my fla. the limit is too low and i can’t get my flash file any more compressed 😕 _sigh_!

here is some code i have on my roll over blocks:

```auto
on(rollOver){
  _root.masc.gotoAndPlay(1);
  _root.masc.swanDepths(101);
  _root.photos.swapDepths(100);
  _root.ph2.swapDepths(10);
  this.gotoAndStop("on");
  _root.p1.gotoAndPlay("on");
  _root.photos.gotoAndPlay("ph2");
}
on(rollOut){
  _root.photos.swapDepths(100);
  _root.ph1.swapDepths(10);
  this.gotoAndStop("off");
  _root.p1.gotoAndPlay("onout");
  _root.photos.gotoAndPlay("ph1");
}

```

I figured if I tried to swap depths, the mask transistion that is currently inside a movie clip woudl play and transition to the depth swapped. but it doesn’t.