# Smoothe image transition

**URL:** <https://forum.kirupa.com/t/smoothe-image-transition/61557>\
**Category:** flash\
**Created:** [August 19, 2004, 3:49pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557 "2004-08-19T15:49:51Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![tripledigit](https://avatars.discourse-cdn.com/v4/letter/t/c6cbf5/32.png) [@tripledigit](https://forum.kirupa.com/u/tripledigit)\
**Post date:** [August 19, 2004, 3:49pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/1 "2004-08-19T15:49:51Z")

</div>

Anyone knows how to transition between photos like on the site:

> **[Collateral](https://www.facebook.com/collateralmovie)**
>
> Collateral. 132,709 likes · 100 talking about this. It started out like any other night.

go to cast and choose a name.

I like the site also the how do they do the photo gallery.

tripd

---

<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:** [August 19, 2004, 4:52pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/2 "2004-08-19T16:52:56Z")

</div>

It’s just an alpha tween.

Here’s how they do it…

You tween the alpha (transparency) of the top image from 100% to 0% at the same time as you tween the alpha of the picture that should appear from 0% to 100%.

Simple. Hope this helps, let me know if I’m not understanding you properly or you need an example FLA.

---

<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:** [August 19, 2004, 8:02pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/3 "2004-08-19T20:02:49Z")

</div>

> [@trundrumbalind](#):
>
> It’s just an alpha tween.
> 
> Here’s how they do it…
> 
> You tween the alpha (transparency) of the top image from 100% to 0% at the same time as you tween the alpha of the picture that should appear from 0% to 100%.
> 
> Simple. Hope this helps, let me know if I’m not understanding you properly or you need an example FLA.

Thanks for your help is there a way to do it with actionscript.

Also a fla file would help a lot

Thanks  
tripd

---

<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:** [August 19, 2004, 8:10pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/4 "2004-08-19T20:10:33Z")

</div>

No problem, wait a second and I’ll post you one…

---

<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:** [August 19, 2004, 8:49pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/5 "2004-08-19T20:49:56Z")

</div>

> [@trundrumbalind](#):
>
> No problem, wait a second and I’ll post you one…

Thanks  
tripd

---

<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:** [August 19, 2004, 9:24pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/6 "2004-08-19T21:24:24Z")

</div>

A bit of a bad effort put it puts the point across…

---

<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:** [August 19, 2004, 9:29pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/7 "2004-08-19T21:29:57Z")

</div>

> [@trundrumbalind](#):
>
> A bit of a bad effort put it puts the point across…

Thanks so much.

=)

tripd

---

<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:** [August 20, 2004, 1:51am UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/8 "2004-08-20T01:51:14Z")

</div>

Sorry me once more:

So how would you do this with 10 picters to click through??

Thanks

---

<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:** [August 20, 2004, 5:35am UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/9 "2004-08-20T05:35:24Z")

</div>

theres a tutorial of this somewhere on [kirupa.com](http://kirupa.com)

---

<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:** [August 20, 2004, 6:38am UTC](https://forum.kirupa.com/t/smoothe-image-transition/61557/10 "2004-08-20T06:38:17Z")

</div>

For a start  
[http://www.kirupa.com/developer/mx/photogallery.htm](http://www.kirupa.com/developer/mx/photogallery.htm) 😉

scotty(-: