I finally have an auto xml cross fading gallery with auto scrolling thumbs…wow that’s a lot to write and now i have a problem:
the thumbs are ok and work fine but the problem is that i have 23 thumbs loading and when i scroll all the way to the right they don’t stop and dissapear, is there a way to make them loop around(like last pic one right after the other one), or if there’s a way to stop exactly where i want to the left or right.I am not sure if the problem is the xml or the AS.
It’s probably very confusing(english is not my first language) but if anybody has a clue how to fix it it would be great.
Thanks a lot and sorry for all these posts i made.
This is the code and xml
Code:
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);
}
id = setInterval(preloadPic, 100);
} else {
content = “file not loaded!”;
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images.xml”);
var id, current;
var kb = 0, p = 0;
var slide = 1;
function preloadPic() {
//kb == 0 ? (desc_txt.text=description[p], picture_num()) : null; //
clearInterval(id);
var con = picture.duplicateMovieClip("con"+kb, 9984+kb);
con.loadMovie(image[p]);
preloader._visible = 1;
preloader.swapDepths(con.getDepth()+3);
con._alpha = 0;
var temp = _root.createEmptyMovieClip("temp"+kb, 99+kb);
kb++;
temp.onEnterFrame = function() {
var total = con.getBytesTotal();
var loaded = con.getBytesLoaded();
trace (loaded);
percent = Math.round(loaded/total*100);
trace (percent);
preloader.preload_bar._xscale = percent;
trace(preloader.preload_bar._xscale);
if (con._width) {
preloader._visible = 0;
con.onEnterFrame = fadeIn;
if (slide) {
id = setInterval(nextImage, 4000);
}
delete this.onEnterFrame;
}
};
}
MovieClip.prototype.fadeIn = function() {
if (this._alpha<100) {
current._alpha -= 10;
this._alpha += 10;
} else {
current._visible = 0;
current = this;
delete this.onEnterFrame;
}
};
function nextImage() {
p<total-1 ? p++ : p=0;
desc_txt.text = description[p];
picture_num();
preloadPic();
}
function prevImage() {
p>0 ? p-- : p=total-1;
desc_txt.text = description[p];
picture_num();
preloadPic();
}
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 {
//autoscroll
thumbnail_mc._x -= (scroll_speed-8);
}
};
}
//this function call is to start scrolling automatically
thumbNailScroller();
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+5)k;
target_mc.pictureValue = k;
target_mc.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
target_mc.onRollOver = function() {
this.alpha = 50;
this.
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);
}
function loadThumb() {
for (i=0; i<size; i++) {
var thumb = this.createEmptyMovieClip(“thumbnail”+i, i);
thumb.holder = thumb.createEmptyMovieClip(“holder”, 1);
thumb._x = i60;
thumb.pic = imgFolder+imgArray*;
makeThumb(thumb.holder, thumb.pic, i);
thumb.onRelease = function() {
trace(“thumb pressed”);
};
}
}
function makeThumb(th, pic, depth) {
th.loadMovie(pic);
var temp = this.createEmptyMovieClip(“temp”, 999+depth);
temp.onEnterFrame = function() {
if (th._width>0 && th._height>0 && th.getBytesLoaded()==th.getBytesTotal()) {
th._width = 45;
th._height = 45;
delete this.onEnterFrame;
}
};
}
previous_btn.onRelease = function() {
slide = 0;
prevImage();
};
next_btn.onRelease = function() {
slide = 0;
nextImage();
};
play_btn.onRelease = function() {
slide = 1;
nextImage();
};
pause_btn.onRelease = function() {
slide = 0;
clearInterval(id);
};
preloadPic();
Xml:
<?xml version=“1.0” encoding=“utf-8” standalone=“yes”?>
<images>
<pic>
<image>portfolio/04.jpg</image>
<caption>1</caption>
<thumbnail>thumbs_portfolio/04.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/05.jpg</image>
<caption>2</caption>
<thumbnail>thumbs_portfolio/05.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/06.jpg</image>
<caption>3</caption>
<thumbnail>thumbs_portfolio/06.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/07.jpg</image>
<caption>4</caption>
<thumbnail>thumbs_portfolio/07.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/08.jpg</image>
<caption>5</caption>
<thumbnail>thumbs_portfolio/08.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/09.jpg</image>
<caption>6</caption>
<thumbnail>thumbs_portfolio/09.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/01.jpg</image>
<caption>7</caption>
<thumbnail>thumbs_portfolio/01.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/02.jpg</image>
<caption>7</caption>
<thumbnail>thumbs_portfolio/02.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/03.jpg</image>
<caption>8</caption>
<thumbnail>thumbs_portfolio/03.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/10.jpg</image>
<caption>9</caption>
<thumbnail>thumbs_portfolio/10.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/11.jpg</image>
<caption>10</caption>
<thumbnail>thumbs_portfolio/11.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/11_A.jpg</image>
<caption>11</caption>
<thumbnail>thumbs_portfolio/11_A.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/14.jpg</image>
<caption>12</caption>
<thumbnail>thumbs_portfolio/14.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/15.jpg</image>
<caption>13</caption>
<thumbnail>thumbs_portfolio/15.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/16.jpg</image>
<caption>14</caption>
<thumbnail>thumbs_portfolio/16.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/17.jpg</image>
<caption>15</caption>
<thumbnail>thumbs_portfolio/17.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/18.jpg</image>
<caption>16</caption>
<thumbnail>thumbs_portfolio/18.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/19.jpg</image>
<caption>17</caption>
<thumbnail>thumbs_portfolio/19.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/26.jpg</image>
<caption>18</caption>
<thumbnail>thumbs_portfolio/26.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/27.jpg</image>
<caption>19</caption>
<thumbnail>thumbs_portfolio/27.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/28.jpg</image>
<caption>20</caption>
<thumbnail>thumbs_portfolio/28.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/29.jpg</image>
<caption>21</caption>
<thumbnail>thumbs_portfolio/29.jpg</thumbnail>
</pic>
<pic>
<image>portfolio/30.jpg</image>
<caption>22</caption>
<thumbnail>thumbs_portfolio/30.jpg</thumbnail>