# Image transition

**URL:** <https://forum.kirupa.com/t/image-transition/263586>\
**Category:** Uncategorized\
**Created:** [June 17, 2008, 1:49pm UTC](https://forum.kirupa.com/t/image-transition/263586 "2008-06-17T13:49:31Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![esferaweb](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/esferaweb/32/2104_2.png) [@esferaweb](https://forum.kirupa.com/u/esferaweb)\
**Post date:** [June 17, 2008, 1:49pm UTC](https://forum.kirupa.com/t/image-transition/263586/1 "2008-06-17T13:49:31Z")

</div>

i made an as code to transition some images, dinamiclly, 5 images.  
but i don´t know how can i restart when read the last image.  
thanks

```auto
// create empty movieclip

createEmptyMovieClip( "img1", this.getNextHighestDepth() );
Tweener.addTween( img1,{_rotation: 10, _x: 305, _y: -75, _xscale: 57, _yscale: 57} );

createEmptyMovieClip( "img2", this.getNextHighestDepth() );
Tweener.addTween( img2,{_rotation: 10, _x: 305, _y: -75, _xscale: 57, _yscale: 57} );

createEmptyMovieClip( "img3", this.getNextHighestDepth() );
Tweener.addTween( img3,{_rotation: 10, _x: 305, _y: -75, _xscale: 57, _yscale: 57} );

createEmptyMovieClip( "img4", this.getNextHighestDepth() );
Tweener.addTween( img4,{_rotation: 10, _x: 305, _y: -75, _xscale: 57, _yscale: 57} );

createEmptyMovieClip( "img5", this.getNextHighestDepth() );
Tweener.addTween( img5,{_rotation: 10, _x: 305, _y: -75, _xscale: 57, _yscale: 57} );

// load photo

img1.loadMovie( caminho+"foto01.jpg" );
img2.loadMovie( caminho+"foto02.jpg" );
img3.loadMovie( caminho+"foto03.jpg" );
img4.loadMovie( caminho+"foto04.jpg" );
img5.loadMovie( caminho+"foto05.jpg" );

// Color Transform

myColorTransform1 = {ra:999, rg:0, ga:999, gb:0, ba:999, bb:0, aa:0, ab:0};
myColorTransform2 = {ra:120, rg:0, ga:120, gb:0, ba:120, bb:0, aa:120, ab:0};
myColorTransform3 = {ra: 400, rg: 0, ga: 400, gb: 0, ba: 400, bb: 0, aa: 0, ab: 0};

// transition

Tweener.addTween( img1 , { _colorTransform: myColorTransform1 } );
Tweener.addTween( img1 , { _colorTransform: myColorTransform2 , time: 2 , delay: 1 } );
Tweener.addTween( img1 , { _colorTransform: myColorTransform3 , time: 2 , delay: 3 } );

Tweener.addTween( img2 , { _colorTransform: myColorTransform1 } );
Tweener.addTween( img2 , { _colorTransform: myColorTransform2 , time: 2 , delay: 3 } );
Tweener.addTween( img2 , { _colorTransform: myColorTransform3 , time: 2 , delay: 5 } );

Tweener.addTween( img3 , { _colorTransform: myColorTransform1 } );
Tweener.addTween( img3 , { _colorTransform: myColorTransform2 , time: 2 , delay: 5 } );
Tweener.addTween( img3 , { _colorTransform: myColorTransform3 , time: 2 , delay: 7 } );

Tweener.addTween( img4 , { _colorTransform: myColorTransform1 } );
Tweener.addTween( img4 , { _colorTransform: myColorTransform2 , time: 2 , delay: 7 } );
Tweener.addTween( img4 , { _colorTransform: myColorTransform3 , time: 2 , delay: 9 } );

Tweener.addTween( img5 , { _colorTransform: myColorTransform1 } );
Tweener.addTween( img5 , { _colorTransform: myColorTransform2 , time: 2 , delay: 9 } );
Tweener.addTween( img5 , { _colorTransform: myColorTransform3 , time: 2 , delay: 11 , onComplete: function() { ??? } );

```