Hello everyone
First of all, I’m a noob, so please forgive me, if that’s a simple task, but I just couldn’t find a solution so far:
I’v made a slideshow, step by step, with the kirupa tutorial.
It works, but the preloader bar appeares before every single image. What I’d actually like to have is one preloader, which loads every image that is referenced in the xml file, before the first image gets loaded. That way one would only see one preloader before the whole slideshow starts and with that the slideshow would be even smoother, without breaks.
Here’s my Actionscript:
delay = 4000;
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image* = xmlNode.childNodes*.childNodes[0].firstChild.nodeValue;
description* = xmlNode.childNodes*.childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = “file not loaded!”;
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load(“images_slideshow.xml”);
/////////////////////////////////////
listen = new Object();
listen.onKeyDown = function() {
if (Key.getCode() == Key.LEFT) {
prevImage();
} else if (Key.getCode() == Key.RIGHT) {
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);
desc_txt.text = description[p];
picture_num();
slideshow();
}
}
}
function prevImage() {
if (p>0) {
p–;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
slideshow();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
function slideshow() {
myInterval = setInterval(pause_slideshow, delay);
function pause_slideshow() {
clearInterval(myInterval);
if (p == (total-1)) {
p = 0;
firstImage();
} else {
nextImage();
}
}
}
Is anyone out there who can help me with a Actionscript, that would make that happen? Please?!
What would be even greater is a preloader, which loads the whole website even - namely the slideshow and some buttons. My websites is basically a set of some buttons and a MC frame in which a slideshow should appear right away without any clicking. So what would be cool, is if the first thing the user sees would be a preloader, and after that is completed, the whole site starts, with the slideshow already preloaded. Here’s an example, of how it should look like:
http://www.theimageisfound.com/portrait/
(1. preloader 2. a slideshow right away, without any breaks between the showed pictures)
Thanks for some insight :-).
Romanoff
