# XML Portfolio - Created, but Need Thumbnails to Scroll

**URL:** <https://forum.kirupa.com/t/xml-portfolio-created-but-need-thumbnails-to-scroll/249539>\
**Category:** flash\
**Created:** [January 19, 2008, 9:44pm UTC](https://forum.kirupa.com/t/xml-portfolio-created-but-need-thumbnails-to-scroll/249539 "2008-01-19T21:44:14Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![eperrier](https://avatars.discourse-cdn.com/v4/letter/e/d2c977/32.png) [@eperrier](https://forum.kirupa.com/u/eperrier)\
**Post date:** [January 19, 2008, 9:44pm UTC](https://forum.kirupa.com/t/xml-portfolio-created-but-need-thumbnails-to-scroll/249539/1 "2008-01-19T21:44:14Z")

</div>

Hi,  
Of course I’m new at this by a long shot - trained as a designer, but getting thrown into coding… any help is MUCH appreciated.

I used the tutorial here: [http://www.kirupa.com/web/xml/examples/portfolio.htm](http://www.kirupa.com/web/xml/examples/portfolio.htm) to create a portfolio page. It’s the closest thing I’ve found to what I need. My client wants to be able to go in and upload new artwork to her page. . . So basically, without going into Flash, she would like a way to upload new thumbnails and have them be added to her portfolio page as needed.

I have found tutorials for scrolling thumbnails, but none used external libraries and code that will automatically factor in new thumbnails. :-\

So, I’m asking either one of two things . .

1. Could someone point me in the direction of a scrolling thumbnail portfolio page tutorial that loads from external files and allow her to add to the portfolio fairly easily.
2. Or someone who might be able to help in converting the code from the tutorial I used (above), into one that will account for these new thumbnails and scroll?

The code is here from the tutorial above:

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”);

Any thoughts, questions, comments…? Thanks in advance!