# Transition

**URL:** <https://forum.kirupa.com/t/transition/29479>\
**Category:** Uncategorized\
**Created:** [August 27, 2003, 10:27am UTC](https://forum.kirupa.com/t/transition/29479 "2003-08-27T10:27:42Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sebjo](https://avatars.discourse-cdn.com/v4/letter/s/9de053/32.png) [@sebjo](https://forum.kirupa.com/u/sebjo)\
**Post date:** [August 27, 2003, 10:27am UTC](https://forum.kirupa.com/t/transition/29479/1 "2003-08-27T10:27:42Z")

</div>

can anyone please tell me how I can create the transition effect where the lines adapt to the size of the content of the photographs.

here’s an example of the transitions I’m talking about:

[http://www.kirkimages.com](http://www.kirkimages.com)

seb

---

<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 27, 2003, 10:56am UTC](https://forum.kirupa.com/t/transition/29479/2 "2003-08-27T10:56:59Z")

</div>

this.resize = function(width, height){  
this.onEnterFrame = function(){  
this.window.\_width += (width-this.window.\_width)_.2;  
this.window.\_height += (height- this.window.\_height )_.2;  
}  
}

this changes(easing) the size of the window. You need to trigger  
it from your button:

yourButton.mainTimeline = this;  
yourButton.onRelease = function(){  
this.mainTimeline.resize(sectionWidth, sectionHeight);  
}

---

<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 27, 2003, 12:01pm UTC](https://forum.kirupa.com/t/transition/29479/3 "2003-08-27T12:01:36Z")

</div>

I answered this question a few days ago. Lemme see if I can find it …

---

<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 27, 2003, 12:05pm UTC](https://forum.kirupa.com/t/transition/29479/4 "2003-08-27T12:05:43Z")

</div>

Here it is: [http://www.kirupaforum.com/forums/showthread.php?s=&threadid=27802](http://www.kirupaforum.com/forums/showthread.php?s=&threadid=27802)

---

<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 27, 2003, 1:58pm UTC](https://forum.kirupa.com/t/transition/29479/5 "2003-08-27T13:58:49Z")

</div>

Thanks guys!