# Loading thumbnails in several rows

**URL:** https://forum.kirupa.com/t/loading-thumbnails-in-several-rows/80968
**Category:** flash
**Created:** [February 26, 2005, 1:28pm UTC](https://forum.kirupa.com/t/loading-thumbnails-in-several-rows/80968 "2005-02-26T13:28:00Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![rblues](https://avatars.discourse-cdn.com/v4/letter/r/d9b06d/32.png) [@rblues](https://forum.kirupa.com/u/rblues)
#### Post date: [February 26, 2005, 1:28pm UTC](https://forum.kirupa.com/t/loading-thumbnails-in-several-rows/80968/1 "2005-02-26T13:28:00Z")

</div>

[font=Arial]For weeks now I am searching for the way to customize the portfolio–tut as found in [http://www.kirupa.com/web/xml/examples/portfolio.htm](http://www.kirupa.com/web/xml/examples/portfolio.htm)[/font]

[font=Arial]I want the thumbs not in just one row of 5 thumbs but in two or three rows of 5. But how the change the following code? Can anyone help me?[/font]

[font=Arial]var thumb\_spacing = 40;[/font]

[font=Arial]// load variables object to handle loading of text[/font]

[font=Arial]var description\_lv = new LoadVars();[/font]

[font=Arial]description\_lv.onData = function(raw\_text){[/font]

[font=Arial]description\_txt.text = raw\_text;[/font]

[font=Arial]}[/font]

[font=Arial]function GeneratePortfolio(portfolio\_xml){[/font]

[font=Arial]var portfolioPictures = portfolio\_xml.firstChild.childNodes;[/font]

[font=Arial]for (var i = 0; i \< portfolioPictures.length; i++){[/font]

[font=Arial]var currentPicture = portfolioPictures\*;[/font]

[font=Arial]var currentThumb\_mc = menu\_mc.createEmptyMovieClip(“thumbnail\_mc”+i,i);[/font]

[font=Arial]currentThumb\_mc.\_x = i \* thumb\_spacing;[/font]

[font=Arial]currentThumb\_mc.createEmptyMovieClip(“thumb\_container”,0);[/font]

[font=Arial]currentThumb\_mc.thumb\_container.loadMovie(currentPicture.attributes.thumb);[/font]

[font=Arial]currentThumb\_mc.title = currentPicture.attributes.title;[/font]

[font=Arial]currentThumb\_mc.image = currentPicture.attributes.image;[/font]

[font=Arial]currentThumb\_mc.description = currentPicture.attributes.description;[/font]

[font=Arial]currentThumb\_mc.onRollOver = currentThumb\_mc.onDragOver = function(){[/font]

[font=Arial]info\_txt.text = this.title;[/font]

[font=Arial]}[/font]

[font=Arial]currentThumb\_mc.onRollOut = currentThumb\_mc.onDragOut = function(){[/font]

[font=Arial]info\_txt.text = “”;[/font]

[font=Arial]}[/font]

[font=Arial]currentThumb\_mc.onRelease = function(){[/font]

[font=Arial]image\_mc.loadMovie(this.image);[/font]

[font=Arial]description\_lv.load(this.description);[/font]

[font=Arial]}[/font]

[font=Arial]}[/font]

[font=Arial]}[/font]

[font=Arial]// xml object for xml content (defines sources for selections)[/font]

[font=Arial]var portfolio\_xml = new XML();[/font]

[font=Arial]portfolio\_xml.ignoreWhite = true;[/font]

[font=Arial]portfolio\_xml.onLoad = function(success){[/font]

[font=Arial]if (success) GeneratePortfolio(this);[/font]

[font=Arial]else trace(“Error loading XML file”); // no success? trace error (wont be seen on web)[/font]

[font=Arial]}[/font]

[font=Arial]// load[/font]

[font=Arial]portfolio\_xml.load(“portfolio.xml”);[/font]