# Customizing Kirupa xml slide show - need help with one detail please

**URL:** <https://forum.kirupa.com/t/customizing-kirupa-xml-slide-show-need-help-with-one-detail-please/303185>\
**Category:** flash\
**Created:** [January 15, 2010, 5:23pm UTC](https://forum.kirupa.com/t/customizing-kirupa-xml-slide-show-need-help-with-one-detail-please/303185 "2010-01-15T17:23:00Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![mossin](https://avatars.discourse-cdn.com/v4/letter/m/85f322/32.png) [@mossin](https://forum.kirupa.com/u/mossin)\
**Post date:** [January 15, 2010, 5:23pm UTC](https://forum.kirupa.com/t/customizing-kirupa-xml-slide-show-need-help-with-one-detail-please/303185/1 "2010-01-15T17:23:00Z")

</div>

Hi experts,

So I almost got that slideshow the way I want it, just too dumb to get the last tweaks right.

I used the “Kirupa xml slide show” for AS2, and added a fake zoom effect, where I actually on click swap the image for the larger version of the same image that visitor can drag around and inspect upclose.

One last thing that doesn’t work is that when initially the page loads, the larger image in the background shows up behind the smaller one, and I want it turned off. Once you start clicking, the two images hide and reveal perfectly, but not at first.  
Here is the link  
[http://roberttaplin.com/enlarge/robert\_taplin\_planets\_venues.html](http://roberttaplin.com/enlarge/robert_taplin_planets_venues.html)

And the complete AS code is pasted below. If anyone could please straighten me out, I would really appreciate it!

* * *

Stage.scaleMode = “noScale”;  
Stage.align = “LB”;

function zoomOut() {

```
mc_picture.zoomed._visible = false;
mc_picture.picture._visible = true;            

```

}

function zoomIn() {

```
mc_picture.zoomed._visible = true;
mc_picture.picture._visible = false;            

this.onEnterFrame = function() {
    mc_picture.zoomed._x = (mc_picture.zoomed._x-_root._xmouse/2 )/1.500000E+00;
    mc_picture.zoomed._y = (mc_picture.zoomed._y-_root._ymouse/1 )/1.500000E+00;

};

```

}

mc\_picture.zoomInBtn.onPress = function() {  
zoomIn();  
};  
mc\_picture.zoomInBtn.onRelease = function() {  
zoomOut();  
delete onEnterFrame;  
};

mc\_picture.zoomInBtn.onReleaseOutside = function() {  
zoomOut();  
delete onEnterFrame;  
};

function loadXML(loaded) {  
if (loaded) {  
xmlNode = this.firstChild;  
image = [];  
description = [];  
thumbnails = [];

```
    zoom = [];

    total = xmlNode.childNodes.length;
    for (i=0; i&lt;total; i++) {
        image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
        description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
        thumbnails* = xmlNode.childNodes*.childNodes[2].firstChild.nodeValue;

        zoom* = xmlNode.childNodes*.childNodes[3].firstChild.nodeValue;

        thumbnails_fn(i);
    }
    firstImage();
} else {
    content = "file not loaded!";
}

```

}  
xmlData = new XML();  
xmlData.ignoreWhite = true;  
xmlData.onLoad = loadXML;  
xmlData.load(“planets\_venues.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;

var cx = mc\_picture.picture.\_x;  
var cy = mc\_picture.picture.\_y;

```
var zx = mc_picture.zoomed._x;
var zy = mc_picture.zoomed._y;

```

mc\_picture.onEnterFrame = function() {  
filesize = picture.getBytesTotal();  
loaded = picture.getBytesLoaded();  
preloader.\_visible = false;  
preloader.preload\_bar.\_xscale = 100\*loaded/filesize;  
if (mc\_picture.picture.\_width) {  
preloader.\_visible = false;  
if (mc\_picture.picture.\_alpha\<100) {  
mc\_picture.picture.\_alpha += 10;  
}  
mc\_picture.picture.\_x = cx-mc\_picture.picture.\_width/2;  
mc\_picture.picture.\_y = cy-mc\_picture.picture.\_height/2;

```
        mc_picture.zoomed._x = zx-mc_picture.zoomed._width/2;
        mc_picture.zoomed._y = zy-mc_picture.zoomed._height/2;
        
            
}

```

};

//center image

mc\_picture.\_x = Stage.width/2+283;

listen = new Object();  
listen.onResize = function() {  
mc\_picture.\_x = Stage.width/2+283;  
};  
Stage.addListener(listen);  
//

function nextImage() {  
if (p\<(total-1)) {  
p++;  
if (loaded == filesize) {  
mc\_picture.picture.\_alpha = 0;  
mc\_picture.picture.loadMovie(image[p],1);  
mc\_picture.zoomed.loadMovie(zoom[p],1);  
mc\_picture.desc\_txt.text = description[p];  
picture\_num();

```
            //mc_picture.zoomed._visible = false;
        
    }
}

```

}  
function prevImage() {  
if (p\>0) {  
p–;  
mc\_picture.picture.\_alpha = 0;  
mc\_picture.picture.loadMovie(image[p],1);  
mc\_picture.zoomed.loadMovie(zoom[p],1);  
mc\_picture.desc\_txt.text = description[p];  
picture\_num();

```
        //mc_picture.zoomed._visible = false;
    
}

```

}  
function firstImage() {  
if (loaded == filesize) {  
mc\_picture.picture.\_alpha = 0;  
mc\_picture.picture.loadMovie(image[p],1);  
mc\_picture.zoomed.loadMovie(zoom[p],1);  
mc\_picture.desc\_txt.text = description[0];  
picture\_num();

```
}

```

}

function thumbNailScroller() {  
// thumbnail code!  
this.createEmptyMovieClip(“tscroller”,1000);  
scroll\_speed = 1.3;  
tscroller.onEnterFrame = function() {  
if ((\_root.\_ymouse\>=thumbnail\_mc.\_y) && (\_root.\_ymouse\<=thumbnail\_mc.\_y+thumbnail\_mc.\_height)) {  
if ((\_root.\_xmouse\>=(hit\_right.\_x-80)) && (thumbnail\_mc.hitTest(hit\_right))) {  
thumbnail\_mc.\_x -= scroll\_speed;  
} else if ((\_root.\_xmouse\<=(hit\_left.\_x+80)) && (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+5)\*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);  
}

* * *