# Transition Effect added to xml gallery

**URL:** <https://forum.kirupa.com/t/transition-effect-added-to-xml-gallery/263941>\
**Category:** flash\
**Created:** [June 20, 2008, 6:52pm UTC](https://forum.kirupa.com/t/transition-effect-added-to-xml-gallery/263941 "2008-06-20T18:52:47Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![wdv](https://avatars.discourse-cdn.com/v4/letter/w/9fc29f/32.png) [@wdv](https://forum.kirupa.com/u/wdv)\
**Post date:** [June 20, 2008, 6:52pm UTC](https://forum.kirupa.com/t/transition-effect-added-to-xml-gallery/263941/1 "2008-06-20T18:52:47Z")

</div>

Hey Kirupa Members!,  
Im trying to add a transition effect to the below code that calls xml images. Can somebody show me a example of a basic transition added to the lines below.

var thumb\_spacing = 40;  
// load variables object to handle loading of text  
var description\_lv = new LoadVars();  
description\_lv.onData = function(raw\_text){  
description\_txt.text = raw\_text;  
}  
function GeneratePortfolio(portfolio\_xml){  
var portfolioPictures = portfolio\_xml.firstChild.childNodes;  
for (var i = 0; i \< portfolioPictures.length; i++){  
var currentPicture = portfolioPictures\*;

var currentThumb\_mc = menu\_mc.createEmptyMovieClip(“thumbnail\_mc”+i,i);  
currentThumb\_mc.\_x = i \* thumb\_spacing;

currentThumb\_mc.createEmptyMovieClip(“thumb\_container”,0);  
currentThumb\_mc.thumb\_container.loadMovie(currentPicture.attributes.thumb);

currentThumb\_mc.title = currentPicture.attributes.title;  
currentThumb\_mc.image = currentPicture.attributes.image;  
currentThumb\_mc.description = currentPicture.attributes.description;

currentThumb\_mc.onRollOver = currentThumb\_mc.onDragOver = function(){  
info\_txt.text = this.title;  
}  
currentThumb\_mc.onRollOut = currentThumb\_mc.onDragOut = function(){  
info\_txt.text = “”;  
}  
currentThumb\_mc.onRelease = function(){  
image\_mc.loadMovie(this.image);  
description\_lv.load(this.description);  
}  
}  
}  
// xml object for xml content (defines sources for selections)  
var portfolio\_xml = new XML();  
portfolio\_xml.ignoreWhite = true;  
portfolio\_xml.onLoad = function(success){  
if (success) GeneratePortfolio(this);  
else trace(“Error loading XML file”); // no success? trace error (wont be seen on web)  
}  
// load  
portfolio\_xml.load(“portfolio.xml”);