# Thumbnail gallery problem

**URL:** <https://forum.kirupa.com/t/thumbnail-gallery-problem/223715>\
**Category:** Uncategorized\
**Created:** [April 25, 2007, 5:09am UTC](https://forum.kirupa.com/t/thumbnail-gallery-problem/223715 "2007-04-25T05:09:53Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joe\_07](https://avatars.discourse-cdn.com/v4/letter/j/65b543/32.png) [@Joe\_07](https://forum.kirupa.com/u/Joe_07)\
**Post date:** [April 25, 2007, 5:09am UTC](https://forum.kirupa.com/t/thumbnail-gallery-problem/223715/1 "2007-04-25T05:09:53Z")

</div>

Hello, i’ve been having a problem with my thumbnail gallery, i followed the steps in the thumbnail tut on this site and i modified the action script slightly so that image descriptions are not required (i tested the modified action script on the source files you can download form the tutorial page and it works fine). Now my problem is every thing works fine except that the hit\_left and hit\_right movie clips which allows you to scroll through the thumbnails doesn’t work, unless you move the mouse over an empty area above and to the left of the hit\_left,right movie clips, then you can scroll through the thumbnails. heres an SS of what i’m trying to say. If you were to move your mouse over the red text in the image the thumbnails would scroll. -Thanks  
[URL=“ ![](http://forum.kirupa.com/uploads/kirupa/3575/6ae2b391ba6a095e.jpg)”]  
 ![](http://forum.kirupa.com/uploads/kirupa/3575/6ae2b391ba6a095e.jpg)

heres the action script:

> 

function loadXML(loaded) {

if (loaded) {

xmlNode = this.firstChild;  
image = ;  
thumbnails = ;  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {

image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
thumbnails\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
thumbnails\_fn(i);

}  
firstImage();

} else {

content = “file not loaded!”;

}

}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“peopleimages.xml”);  
/////////////////////////////////////  
listen = new Object();  
listen.onKeyDown = function() {

if (Key.getCode() == Key.LEFT) {

prevImage();

} else if (Key.getCode() == Key.RIGHT) {

nextImage();

}

};  
Key.addListener(listen);  
previous\_btn.onRelease = function() {

prevImage();

};  
next\_btn.onRelease = function() {

nextImage();

};  
/////////////////////////////////////  
p = 0;  
this.onEnterFrame = function() {

filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
preloader.\_visible = true;  
if (loaded != filesize) {

preloader.preload\_bar.\_xscale = 100\*loaded/filesize;

} else {

preloader.\_visible = false;  
if (picture.\_alpha\<100) {

picture.\_alpha += 10;

}

}

};  
function nextImage() {

if (p\<(total-1)) {

p++;  
if (loaded == filesize) {

picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();

}

}

}  
function prevImage() {

if (p\>0) {

p–;  
picture.\_alpha = 0;  
picture.loadMovie(image[p], 1);  
picture\_num();

}

}  
function firstImage() {

if (loaded == filesize) {

picture.\_alpha = 0;  
picture.loadMovie(image[0], 1);  
picture\_num();

}

}  
function picture\_num() {

current\_pos = p+1;  
pos\_txt.text = current\_pos+" / "+total;

}  
function thumbNailScroller() {

// thumbnail code!  
this.createEmptyMovieClip(“tscroller”, 1000);  
scroll\_speed = 10;  
tscroller.onEnterFrame = function() {

if ((\_root.\_ymouse\>=thumbnail\_mc.\_y) && (\_root.\_ymouse\<=thumbnail\_mc.\_y+thumbnail\_mc.\_height)) {

if ((\_root.\_xmouse\>=(hit\_right.\_x-40)) && (thumbnail\_mc.hitTest(hit\_right))) {

thumbnail\_mc.\_x -= scroll\_speed;

} else if ((\_root.\_xmouse\<=40) && (thumbnail\_mc.hitTest(hit\_left))) {

thumbnail\_mc.\_x += scroll\_speed;

}

} else {

}

};

}

function thumbnails\_fn(k) {

thumbnail\_mc.createEmptyMovieClip(“t”+k, thumbnail\_mc.getNextHighestDepth());  
tlistener = new Object();  
tlistener.onLoadInit = function(target\_mc) {

target\_mc.\_x = hit\_left.\_x+(eval(“thumbnail\_mc.t”+k).\_width+10)\*k;  
target\_mc.pictureValue = k;  
target\_mc.onRelease = function() {

p = this.pictureValue-1;  
nextImage();

};  
target\_mc.onRollOver = function() {

this.\_alpha = 50;  
thumbNailScroller();

};  
target\_mc.onRollOut = function() {

this.\_alpha = 100;

};

};  
image\_mcl = new MovieClipLoader();  
image\_mcl.addListener(tlistener);  
image\_mcl.loadClip(thumbnails[k], “thumbnail\_mc.t”+k);

}