# \[F8\] AS help with creative solution

**URL:** <https://forum.kirupa.com/t/f8-as-help-with-creative-solution/220489>\
**Category:** flash\
**Created:** [March 26, 2007, 8:27pm UTC](https://forum.kirupa.com/t/f8-as-help-with-creative-solution/220489 "2007-03-26T20:27:42Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![namelesspace](https://avatars.discourse-cdn.com/v4/letter/n/f4b2a3/32.png) [@namelesspace](https://forum.kirupa.com/u/namelesspace)\
**Post date:** [March 26, 2007, 8:27pm UTC](https://forum.kirupa.com/t/f8-as-help-with-creative-solution/220489/1 "2007-03-26T20:27:42Z")

</div>

I’ve build an image gallery : [http://www.malirinat.com/malirinat\_studio.swf](http://www.malirinat.com/malirinat_studio.swf)

those are the xml thumbnails tscroller (just scroll left and right on the images) and now i need a way to display them individually so when you’ll see an image you’ll like you’ll click on it and …

i thought about a popup window ? (how can i do this with xml ?)  
or that it will be centered automatically ?

i am open to examples but for now i need the popup script here is my script:

[at]

function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
thumbnails = [];  
total = xmlNode.childNodes.length;  
for (i=0; i\<total; i++) {  
image\* = xmlNode.childNodes\*.childNodes[0].firstChild.nodeValue;  
description\* = xmlNode.childNodes\*.childNodes[1].firstChild.nodeValue;  
thumbnails\* = xmlNode.childNodes\*.childNodes[2].firstChild.nodeValue;  
thumbnails\_fn(i);  
}  
firstImage();  
} else {  
content = “file not loaded!”;  
}  
}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“images-2.xml”);  
/////////////////////////////////////  
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-100)) && (thumbnail\_mc.hitTest(hit\_right))) {  
thumbnail\_mc.\_x -= scroll\_speed;  
} else if ((\_root.\_xmouse\<=(hit\_left.\_x+100)) && (thumbnail\_mc.hitTest(hit\_left))) {  
thumbnail\_mc.\_x += scroll\_speed;  
}  
} else {  
delete tscroller.onEnterFrame;  
}  
};  
}  
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+(target\_mc.\_width+0)\*k;  
target\_mc.pictureValue = k;  
target\_mc.onRelease = function() {  
p = this.pictureValue-1;  
nextImage();  
};  
target\_mc.onRollOver = function() {  
this.\_alpha = 80;  
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);  
}  
[/at]