Hi,
I just built and XML using the thumbnail scroller XML tutorial. I mergered this with a border resize. My problem is that the first image takes a long time to load from the XML. I had this problem before and I don’t remember how I resolved this. You can see an example of this at www.byronmedina.com If you delete files on your internet browser the first image will take forever to load. However, once it loads this problem goes away. The code for all three books are the same. I think it could have to do with the XML.
Here’s the flash code:
stop();
border.resize(50, 50);
//preload bar set invisible
bar._visible = 0;
// space of border around image
space = 22;
// sets initial picture value to 0
picture._alpha = 0;
// fade In and out function
import mx.transitions.Tween;
import mx.transitions.easing.;
function fadeMovieClip(startAt:Number, endAt:Number):Void {
var myTween:Tween = new Tween(picture, “_alpha”, mx.transitions.easing.None.easeNone, startAt, endAt, .5, true);
}
// load XML
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(“images2.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;
MovieClip.prototype.loadPhoto = function(photo){
this.loadMovie(photo);
_level0.onEnterFrame = function(){
var t = picture.getBytesTotal(), l = picture.getBytesLoaded();
bar._visible = 1;
per = Math.round((l/t)*100);
if (t == l && picture._width>0 && picture._height>0) {
var w = picture._width + space;
var h = picture._height + space;
border.resize(w, h);
bar._visible = 0;
delete this.onEnterFrame;
} else {
bar._width = per;
}
}
};
MovieClip.prototype.resize = function(w, h){
//the higher the slower the resize of the border
var speed = 3;
this.onEnterFrame = function(){
fadeMovieClip(0, 100);
this._width += (w - this._width)/speed;
this._height += (h - this._height)/speed;
if( Math.abs(this._width-w)<1 && Math.abs(this._height-h)<1){
this._width = w;
this._height = h;
picture._x = this._x - this._width/2 + space/2;
picture._y = this._y - this._height/2 + space/2;
delete this.onEnterFrame;
}
}
};
function nextImage() {
if (p<(total-1)) {
p++;
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
}
function prevImage() {
if (p>0) {
picture._alpha=0;
p–;
picture.loadPhoto(image[p]);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha=0;
picture.loadPhoto(image[p]);
desc_txt.text = description[0];
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<=(hit_left._x+40)) && (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);
}
And here is the XML code:
<?xml version=“1.0” encoding=“utf-8” standalone=“yes”?>
<images>
<pic>
<image>image02/01.jpg</image>
<caption></caption>
<thumbnail02>thumb02/01.jpg</thumbnail02>
</pic>
<pic>
<image>image02/02.jpg</image>
<caption></caption>
<thumbnail02>thumb02/02.jpg</thumbnail02>
</pic>
<pic>
<image>image02/03.jpg</image>
<caption></caption>
<thumbnail02>thumb02/03.jpg</thumbnail02>
</pic>
<pic>
<image>image02/04.jpg</image>
<caption></caption>
<thumbnail02>thumb02/04.jpg</thumbnail02>
</pic>
<pic>
<image>image02/05.jpg</image>
<caption></caption>
<thumbnail02>thumb02/05.jpg</thumbnail02>
</pic>
<pic>
<image>image02/06.jpg</image>
<caption></caption>
<thumbnail02>thumb02/06.jpg</thumbnail02>
</pic>
<pic>
<image>image02/07.jpg</image>
<caption></caption>
<thumbnail02>thumb02/07.jpg</thumbnail02>
</pic>
<pic>
<image>image02/08.jpg</image>
<caption></caption>
<thumbnail02>thumb02/08.jpg</thumbnail02>
</pic>
<pic>
<image>image02/09.jpg</image>
<caption></caption>
<thumbnail02>thumb02/09.jpg</thumbnail02>
</pic>
<pic>
<image>image02/10.jpg</image>
<caption></caption>
<thumbnail02>thumb02/10.jpg</thumbnail02>
</pic>
<pic>
<image>image02/11.jpg</image>
<caption></caption>
<thumbnail02>thumb02/11.jpg</thumbnail02>
</pic>
<pic>
<image>image02/12.jpg</image>
<caption></caption>
<thumbnail02>thumb02/12.jpg</thumbnail02>
</pic>
<pic>
<image>image02/13.jpg</image>
<caption></caption>
<thumbnail02>thumb02/13.jpg</thumbnail02>
</pic>
<pic>
<image>image02/14.jpg</image>
<caption></caption>
<thumbnail02>thumb02/14.jpg</thumbnail02>
</pic>
<pic>
<image>image02/15.jpg</image>
<caption></caption>
<thumbnail02>thumb02/15.jpg</thumbnail02>
</pic>
<pic>
<image>image02/16.jpg</image>
<caption></caption>
<thumbnail02>thumb02/16.jpg</thumbnail02>
</pic>
<pic>
<image>image02/17.jpg</image>
<caption></caption>
<thumbnail02>thumb02/17.jpg</thumbnail02>
</pic>
<pic>
<image>image02/18.jpg</image>
<caption></caption>
<thumbnail02>thumb02/18.jpg</thumbnail02>
</pic>
</images>
Please help!
