# DYNAMIC Thumbnails AS2 photo Gallery?

**URL:** https://forum.kirupa.com/t/dynamic-thumbnails-as2-photo-gallery/288642
**Category:** Uncategorized
**Created:** [May 19, 2009, 10:15am UTC](https://forum.kirupa.com/t/dynamic-thumbnails-as2-photo-gallery/288642 "2009-05-19T10:15:45Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![supagav](https://avatars.discourse-cdn.com/v4/letter/s/f07891/32.png) [@supagav](https://forum.kirupa.com/u/supagav)
#### Post date: [May 19, 2009, 10:15am UTC](https://forum.kirupa.com/t/dynamic-thumbnails-as2-photo-gallery/288642/1 "2009-05-19T10:15:45Z")

</div>

Hi guys and Gals,  
I am new to this forum and not very experienced with forums in general.

i have tried doing this a few different ways but run into problems each time.

The main issue is that half the photo’s are portrait and half are landscape.  
as i have noticed most galleries I have found online only have a fixed size images and pre sized thumbnails…

the main image on the page , i can sort of manage.the code is too specific to change for 25 differen timages at the same time and calls functions that can only be accessed once. which is a problem, as …  
now i want to add thumbnails , and importantly want them to be dynamic also .  
this is where it get’s tricky…  
as they are still a mix of portrait and landscape. so

so for the thumbnails i need to…

- import each image into an imageholder
- resize each 1  
[COLOR=Red]- find the width of each imageholder
- give an x and y to each imageholder that is relative to it’s center(.width/2)[/COLOR]
- then the rest should be easy

[COLOR=Red]the red writting is where i am having trouble…[/COLOR][COLOR=Blue]i have tried adding listeners and trace but they all seem to say imageHolder is Zero width and Zero height[/COLOR]. no matter where i place it.

here is the code!!! just for the thumbnails part…  
images would all be contained in a folder “[COLOR=Blue]1/image01.jpg[/COLOR]” ,image02… image25  
all images have at least one side that is 400 pixels in length.  
ie. [COLOR=Blue](266 x 400) or (400 x 266) or (400 x 400)[/COLOR]

* * *

stop();

//create the image holder movieclips  
\_root.createEmptyMovieClip(“imaegHolder01”, 200);  
\_root.createEmptyMovieClip(“imageHolder02”, 201);  
\_root.createEmptyMovieClip(“imageHolder03”, 203);  
\_root.createEmptyMovieClip(“imageHolder04”, 204);  
\_root.createEmptyMovieClip(“imageHolder05”, 205);  
\_root.createEmptyMovieClip(“imageHolder06”, 206);  
\_root.createEmptyMovieClip(“imageHolder07”, 207);  
\_root.createEmptyMovieClip(“imageHolder08”, 208);  
\_root.createEmptyMovieClip(“imageHolder09”, 209);  
\_root.createEmptyMovieClip(“imageHolder10”, 210);  
\_root.createEmptyMovieClip(“imageHolder11”, 211);  
\_root.createEmptyMovieClip(“imageHolder12”, 212);  
\_root.createEmptyMovieClip(“imageHolder13”, 213);  
\_root.createEmptyMovieClip(“imageHolder14”, 214);  
\_root.createEmptyMovieClip(“imageHolder15”, 215);  
\_root.createEmptyMovieClip(“imageHolder16”, 216);  
\_root.createEmptyMovieClip(“imageHolder17”, 217);  
\_root.createEmptyMovieClip(“imageHolder18”, 218);  
\_root.createEmptyMovieClip(“imageHolder19”, 219);  
\_root.createEmptyMovieClip(“imageHolder20”, 220);  
\_root.createEmptyMovieClip(“imageHolder21”, 221);  
\_root.createEmptyMovieClip(“imageHolder22”, 222);  
\_root.createEmptyMovieClip(“imageHolder23”, 223);  
\_root.createEmptyMovieClip(“imageHolder24”, 224);

//load images into the image holders  
loadMovie(“1/image01.jpg”,“imageHolder01”);  
loadMovie(“1/image02.jpg”,“imageHolder02”);  
loadMovie(“1/image03.jpg”,“imageHolder03”);  
loadMovie(“1/image04.jpg”,“imageHolder04”);  
loadMovie(“1/image05.jpg”,“imageHolder05”);  
loadMovie(“1/image06.jpg”,“imageHolder06”);  
loadMovie(“1/image07.jpg”,“imageHolder07”);  
loadMovie(“1/image08.jpg”,“imageHolder08”);  
loadMovie(“1/image09.jpg”,“imageHolder09”);  
loadMovie(“1/image10.jpg”,“imageHolder10”);  
loadMovie(“1/image11.jpg”,“imageHolder11”);  
loadMovie(“1/image12.jpg”,“imageHolder12”);  
loadMovie(“1/image13.jpg”,“imageHolder13”);  
loadMovie(“1/image14.jpg”,“imageHolder14”);  
loadMovie(“1/image15.jpg”,“imageHolder15”);  
loadMovie(“1/image16.jpg”,“imageHolder16”);  
loadMovie(“1/image17.jpg”,“imageHolder17”);  
loadMovie(“1/image18.jpg”,“imageHolder18”);  
loadMovie(“1/image19.jpg”,“imageHolder19”);  
loadMovie(“1/image20.jpg”,“imageHolder20”);  
loadMovie(“1/image21.jpg”,“imageHolder21”);  
loadMovie(“1/image22.jpg”,“imageHolder22”);  
loadMovie(“1/image23.jpg”,“imageHolder23”);  
loadMovie(“1/image24.jpg”,“imageHolder24”);  
loadMovie(“1/image25.jpg”,“imageHolder25”);

//set a couple of variables  
image01Loaded=true;  
image02Loaded=true;  
image03Loaded=true;  
image04Loaded=true;  
image05Loaded=true;  
image06Loaded=true;  
image07Loaded=true;  
image08Loaded=true;  
image09Loaded=true;  
image11Loaded=true;  
image12Loaded=true;  
image13Loaded=true;  
image14Loaded=true;  
image15Loaded=true;  
image16Loaded=true;  
image17Loaded=true;  
image18Loaded=true;  
image19Loaded=true;  
image20Loaded=true;  
image21Loaded=true;  
image22Loaded=true;  
image23Loaded=true;  
image24Loaded=true;  
image25Loaded=true;

//set actions for the last 2 buttons  
{  
imageHolder01.\_xscale = 20  
imageHolder01.\_yscale = 20

```
imageHolder02._xscale = 20
imageHolder02._yscale = 20

imageHolder03._xscale = 20
imageHolder03._yscale = 20

imageHolder04._xscale = 10
imageHolder04._yscale = 10

imageHolder05._xscale = 10
imageHolder05._yscale = 10

imageHolder06._xscale = 10
imageHolder06._yscale = 10

imageHolder07._xscale = 10
imageHolder07._yscale = 10

imageHolder08._xscale = 10
imageHolder08._yscale = 10

imageHolder09._xscale = 10
imageHolder09._yscale = 10

imageHolder10._xscale = 10
imageHolder10._yscale = 10

imageHolder11._xscale = 10
imageHolder11._yscale = 10

imageHolder12._xscale = 10
imageHolder12._yscale = 10

imageHolder13._xscale = 10
imageHolder13._yscale = 10

imageHolder14._xscale = 10
imageHolder14._yscale = 10

imageHolder15._xscale = 10
imageHolder15._yscale = 10

imageHolder16._xscale = 10
imageHolder16._yscale = 10

imageHolder17._xscale = 10
imageHolder17._yscale = 10

imageHolder18._xscale = 10
imageHolder18._yscale = 10

imageHolder19._xscale = 10
imageHolder19._yscale = 10

imageHolder20._xscale = 10
imageHolder20._yscale = 10

imageHolder21._xscale = 10
imageHolder21._yscale = 10

imageHolder22._xscale = 10
imageHolder22._yscale = 10

imageHolder23._xscale = 10
imageHolder23._yscale = 10

imageHolder24._xscale = 10
imageHolder24._yscale = 10

imageHolder25._xscale = 10
imageHolder25._yscale = 10
   
};

//position the image holders on the stage

```

//imageHolder01.\_x=10; {like this or as done below)  
//imageHolder01.\_y=50;

```
[COLOR=Red] //it seems to read the imageholder as ZERO[/COLOR]

imageHolder01._x = (Stage.width/2) - (imageHolder_MC._width/2)
imageHolder01._y = 200-(imageHolder._height/2)

```

;

* * *

so anyone who can help it would be greatly appreciated  
thanks in advance

SUPAGAV