# Smoothe image transition

**URL:** <https://forum.kirupa.com/t/smoothe-image-transition/119969>\
**Category:** Uncategorized\
**Created:** [August 19, 2004, 3:49pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969 "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/119969/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,824 likes · 98 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:** ![trundrumbalind](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/trundrumbalind/32/696_2.png) [@trundrumbalind](https://forum.kirupa.com/u/trundrumbalind)\
**Post date:** [August 19, 2004, 4:52pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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:** ![tripledigit](https://avatars.discourse-cdn.com/v4/letter/t/c6cbf5/32.png) [@tripledigit](https://forum.kirupa.com/u/tripledigit)\
**Post date:** [August 19, 2004, 8:02pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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:** ![trundrumbalind](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/trundrumbalind/32/696_2.png) [@trundrumbalind](https://forum.kirupa.com/u/trundrumbalind)\
**Post date:** [August 19, 2004, 8:10pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/4 "2004-08-19T20:10:33Z")

</div>

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

---

<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, 8:49pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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:** ![trundrumbalind](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/trundrumbalind/32/696_2.png) [@trundrumbalind](https://forum.kirupa.com/u/trundrumbalind)\
**Post date:** [August 19, 2004, 9:24pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/6 "2004-08-19T21:24:24Z")

</div>

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

---

<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, 9:29pm UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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:** ![tripledigit](https://avatars.discourse-cdn.com/v4/letter/t/c6cbf5/32.png) [@tripledigit](https://forum.kirupa.com/u/tripledigit)\
**Post date:** [August 20, 2004, 1:51am UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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:** ![bobdoe](https://avatars.discourse-cdn.com/v4/letter/b/51bf81/32.png) [@bobdoe](https://forum.kirupa.com/u/bobdoe)\
**Post date:** [August 20, 2004, 5:35am UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/9 "2004-08-20T05:35:24Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![scotty](https://avatars.discourse-cdn.com/v4/letter/s/91b2a8/32.png) [@scotty](https://forum.kirupa.com/u/scotty)\
**Post date:** [August 20, 2004, 6:38am UTC](https://forum.kirupa.com/t/smoothe-image-transition/119969/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(-:
