Quick help...too many pictures are being displayed!

programming flash
1

I really hope someone can help me, because this problem is freakin killing me! I created an XML gallery for some images I’m putting on my portfolio site. The gallery reads the images from an XML file, and lays them out in rows, with 3 images in a row. The problem I am having is that if I have any rows that have less than 3 images in them, it will display a placeholder movie clip where the image that doesn’t exist is. For example: I have 5 images displaying, and they are layed out like this

[image][image][image]
[image][image][empty image]

Or as another example, if I have 7 images they display as follows:

[image][image][image]
[image][image][image]
[image][empty image][empty image]

What was supposed to happen (which seems to never happen they way you want to :asleep:) is that it will just display the images without adding extra empty movieclips.

Here’s the code I’m using if anyone is willing to take a look at it for me:


var galleryPictures = gallery_xml.firstChild.childNodes;
var thumb_count = 0;
numRows = Math.ceil(galleryPictures.length/3);
thumb_holder = this.attachMovie("staticGal_mc", "staticGal_holder", 9500);
.....
    for(var k = 0; k < 3; k++){
         for(var l = 0; l < numRows; l++){
            var currPicture = galleryPictures[thumb_count];
            ...
            currThumb_mc = thumb_holder.attachMovie("static_thumb","thumbs"+k+l,200+thumb_count);
            currThumb_mc.createEmptyMovieClip("thumb_container",280+thumb_count);
            currThumb_mc._x = -500 + (k * 95);
            currThumb_mc._y = -25 + (l * 75);
            currThumb_mc._alpha = 0;
            .....
          currThumb_mc.thumb_container.loadMovie(currPicture.attributes.thumb);
         thumb_count++;

I hope someone can help, I’m SOOOOOOO stumped!

edit: I’m placing the images negative because I ease them onto the screen, that code isn’t in here though.

2

Figures, I wrestle with this problem all last night, and then for 3 hours today, then an hour after I post my problem, I figure it out.

I’m glad I did too :smiley:

If anyone cares, here’s the code changed to display the images properly:

var galleryPictures = gallery_xml.firstChild.childNodes;
var thumb_count = 1; [COLOR="Red"]//changed this to 1[/COLOR]
numRows = Math.ceil(galleryPictures.length/3);
thumb_holder = this.attachMovie("staticGal_mc", "staticGal_holder", 9500);
.....
    for(var k = 0; k < numRows; k++){ [COLOR="Red"]//change loops to display[/COLOR]
         for(var l = 0; l < 3; l++){        [COLOR="Red"]//images in proper order[/COLOR]
            var currPicture = galleryPictures[thumb_count - 1]; [COLOR="Red"]//so the array index starts at 0[/COLOR]
            ...
            currThumb_mc = thumb_holder.attachMovie("static_thumb","thumbs"+k+l,200+thumb_count);
            currThumb_mc.createEmptyMovieClip("thumb_container",280+thumb_count);
            currThumb_mc._x = -500 + (k * 95);
            currThumb_mc._y = -25 + (l * 75);
            currThumb_mc._alpha = 0;
            .....
          currThumb_mc.thumb_container.loadMovie(currPicture.attributes.thumb);
         thumb_count++;
         if(thumb_count > galleryPictures.length+1) removeMovieClip(currThumb_mc); [COLOR="Red"]//I added this to remove excess MC's[/COLOR]