# Arranging thumbnails and more

**URL:** <https://forum.kirupa.com/t/arranging-thumbnails-and-more/178270>\
**Category:** Uncategorized\
**Created:** [February 9, 2006, 12:10am UTC](https://forum.kirupa.com/t/arranging-thumbnails-and-more/178270 "2006-02-09T00:10:56Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![deucescorner](https://avatars.discourse-cdn.com/v4/letter/d/57b2e6/32.png) [@deucescorner](https://forum.kirupa.com/u/deucescorner)\
**Post date:** [February 9, 2006, 12:10am UTC](https://forum.kirupa.com/t/arranging-thumbnails-and-more/178270/1 "2006-02-09T00:10:56Z")

</div>

1. I’m currently trying to arrange my thumbnails so that once it it reaches 4 thumbnails on one column, it starts a new colum, can someone help me out.

2. Also trying to add text on specific thumbnails once it’s clicked.

Finally, I am trying to incorporate a fade in and out transition. Can someone show me how.

Sorry about all the question, it’s just that I only recently started to work with AS, with all the cool stuff going on in flash, I gotta get more familiar with it.

thanks in advance, here is the code

totalImages = 11;//used in for loop  
picsLoader = new MovieClipLoader();  
\_root.createEmptyMovieClip(“loader\_mc”,0);  
loader\_mc.\_y = 100;  
loader\_mc.\_x = 700;  
ypos = 0;  
\_root.createEmptyMovieClip(“image\_mc”,1);  
image\_mc.\_x = 10;  
image\_mc.\_y = 100;

picsLoader.onLoadProgress = function(targetMC, loadedBytes, totalBytes){  
percentage = int(loadedBytes/totalBytes)\*100+"%";  
loaderbar\_mc.\_xscale = parseInt(percentage);  
loadProgress = int(loadedBytes / 1024) + “KB”;  
loadTotal = totalBytes;  
}  
for(i=1001;i\<1001 +totalImages;i++){  
loader\_mc.createEmptyMovieClip(“image”+i+"\_mc",i);  
//second movie clip allows us to create buttons from images…  
loader\_mc[“image”+i+"\_mc"].createEmptyMovieClip(“another\_mc”,0);  
picsLoader.loadClip(“balas/thumbnails/picsmall”+i+".jpg",loader\_mc[“image”+i+"\_mc"].another\_mc);  
loader\_mc[“image”+i+"\_mc"].\_y = ypos;  
loader\_mc[“image”+i+"\_mc"].\_alpha = 75;  
ypos += 45;  
height = loader\_mc[“image”+i+"\_mc"].another\_mc.\_height;  
//button actions  
loader\_mc[“image”+i+"\_mc"].onRelease = function(){  
clicked = this.\_name;//for display only  
number = parseInt(substring(this.\_name,8,2));  
picsLoader.loadClip(“balas/main/pic100”+number+".jpg",“image\_mc”);  
}  
loader\_mc[“image”+i+"\_mc"].onRollOver = function(){  
this.\_alpha = 100;  
}  
loader\_mc[“image”+i+"\_mc"].onRollOut = function(){  
this.\_alpha = 75;  
}  
}