# How to transistion effect added?

**URL:** <https://forum.kirupa.com/t/how-to-transistion-effect-added/203978>\
**Category:** Uncategorized\
**Created:** [October 16, 2006, 7:10am UTC](https://forum.kirupa.com/t/how-to-transistion-effect-added/203978 "2006-10-16T07:10:11Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![kpjothivelu](https://avatars.discourse-cdn.com/v4/letter/k/e8c25b/32.png) [@kpjothivelu](https://forum.kirupa.com/u/kpjothivelu)\
**Post date:** [October 16, 2006, 7:10am UTC](https://forum.kirupa.com/t/how-to-transistion-effect-added/203978/1 "2006-10-16T07:10:11Z")

</div>

This is my coding, how to create the one picture to another picture transistion effect added?

imgbtn\_center.onRelease = function() {  
infoField.\_visible = true;  
startLoading(“pic\_01.jpg”);  
};  
imgbtn\_up.onRelease = function() {  
infoField.\_visible = true;  
startLoading(“pic\_02.jpg”);  
};  
imgbtn\_down.onRelease = function() {  
infoField.\_visible = true;  
startLoading(“pic\_03.jpg”);  
};  
imgbtn\_left.onRelease = function() {  
infoField.\_visible = true;  
startLoading(“pic\_04.jpg”);  
};  
imgbtn\_right.onRelease = function() {  
infoField.\_visible = true;  
startLoading(“pic\_01.jpg”);  
};  
function startLoading(whichImage) {  
loadMovie(whichImage, “imageLoader”);  
\_root.onEnterFrame = function() {  
infoLoaded = imageLoader.getBytesLoaded();  
infoTotal = imageLoader.getBytesTotal();  
percentage = Math.floor(infoLoaded/infoTotal\*100);  
infoField.text = percentage+"%";  
if (percentage\>=100) {  
delete this.onEnterFrame;  
infoField.\_visible = false;  
}  
};  
}