tonton
06-17-2008, 11:01 AM
I made this website: http://www.tonikaldal.com an portfolio; slideshow.
The swf uses dynamic content; refers to xml file which has links to images.
It works fine in safari (havenīt had a chance to test it in internet explorer).
However, when it comes to firefox, the flash file loads up, but when it comes to showing a picture, nothing happens (although it seems to load the image according to the loading bar).
Actionscript in the flash file:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.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;
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();
}
}
}
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();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
The xml file:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>images/01.jpg</image>
<caption>Three dimentional poster, promoting a book series</caption>
</pic>
<pic>
<image>images/02.jpg</image>
<caption>Still frame from a music video</caption>
</pic>
<pic>
<image>images/03.jpg</image>
<caption>Logo for the audio guide product Elf</caption>
</pic>
<pic>
<image>images/04.jpg</image>
<caption>Utopian map illustration</caption>
</pic>
<pic>
<image>images/05.jpg</image>
<caption>Proposal for the icelandic phonebook 2007</caption>
</pic>
<pic>
<image>images/06.jpg</image>
<caption>Poster proposal for a pattern conference</caption>
</pic>
<pic>
<image>images/07.jpg</image>
<caption>Illustration experimenting with media</caption>
</pic>
<pic>
<image>images/08.jpg</image>
<caption>Christmas card for the Icelandic Academy of Arts</caption>
</pic>
<pic>
<image>images/09.jpg</image>
<caption>Promotional flyer for icelandic band Dikta</caption>
</pic>
</images>
Any ideas?
Thanks in advance.
The swf uses dynamic content; refers to xml file which has links to images.
It works fine in safari (havenīt had a chance to test it in internet explorer).
However, when it comes to firefox, the flash file loads up, but when it comes to showing a picture, nothing happens (although it seems to load the image according to the loading bar).
Actionscript in the flash file:
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i<total; i++) {
image[i] = xmlNode.childNodes[i].childNodes[0].firstChild.nodeValue;
description[i] = xmlNode.childNodes[i].childNodes[1].firstChild.nodeValue;
}
firstImage();
} else {
content = "file not loaded!";
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("images.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;
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();
}
}
}
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();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
The xml file:
<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<pic>
<image>images/01.jpg</image>
<caption>Three dimentional poster, promoting a book series</caption>
</pic>
<pic>
<image>images/02.jpg</image>
<caption>Still frame from a music video</caption>
</pic>
<pic>
<image>images/03.jpg</image>
<caption>Logo for the audio guide product Elf</caption>
</pic>
<pic>
<image>images/04.jpg</image>
<caption>Utopian map illustration</caption>
</pic>
<pic>
<image>images/05.jpg</image>
<caption>Proposal for the icelandic phonebook 2007</caption>
</pic>
<pic>
<image>images/06.jpg</image>
<caption>Poster proposal for a pattern conference</caption>
</pic>
<pic>
<image>images/07.jpg</image>
<caption>Illustration experimenting with media</caption>
</pic>
<pic>
<image>images/08.jpg</image>
<caption>Christmas card for the Icelandic Academy of Arts</caption>
</pic>
<pic>
<image>images/09.jpg</image>
<caption>Promotional flyer for icelandic band Dikta</caption>
</pic>
</images>
Any ideas?
Thanks in advance.