I have spent about two weeks on and off trying to figure this out and its to the point where Im obsessing over it and refuse to continue on anything else until i figure it out.
I made the Kirupa XML gallery. Works great… HOWEVER… I want the caption to load as so:
[CENTER]Painting Title
Oil on Canvas
18"x24"
2007[/CENTER]
[LEFT]Here is the xml code i am using:[/LEFT]
[LEFT]<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<images>
<caption>info caption here</caption>
<pic>
<image>image2.jpg</image>
<caption>THE.....****!</caption>
<thumbnail>thumb2.jpg</thumbnail>
</pic>
<pic>
<image>image3.jpg</image>
<caption>Stata Center</caption>
<thumbnail>thumb3.jpg</thumbnail>
</pic>
<pic>
<image>image4.jpg</image>
<caption>Stata Lobby</caption>
<thumbnail>thumb4.jpg</thumbnail>
</pic>
<pic>
<image>image5.jpg</image>
<caption>Construction</caption>
<thumbnail>thumb5.jpg</thumbnail>
</pic>
<pic>
<image>image6.jpg</image>
<caption>The Dome</caption>
<thumbnail>thumb6.jpg</thumbnail>
</pic>
<pic>
<image>image7.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb7.jpg</thumbnail>
</pic>
<pic>
<image>image8.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb8.jpg</thumbnail>
</pic>
<pic>
<image>image9.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb9.jpg</thumbnail>
</pic>
<pic>
<image>image10.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb10.jpg</thumbnail>
</pic>
<pic>
<image>image11.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb11.jpg</thumbnail>
</pic>
<pic>
<image>image12.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb12.jpg</thumbnail>
</pic>
<pic>
<image>image13.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb13.jpg</thumbnail>
</pic>
<pic>
<image>image14.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb14.jpg</thumbnail>
</pic>
<pic>
<image>image15.jpg</image>
<caption>Structure</caption>
<thumbnail>thumb15.jpg</thumbnail>
</pic>[/LEFT]
[LEFT]</images>[/LEFT]
[LEFT]Here is my AS:[/LEFT]
function loadXML(loaded) {
[LEFT]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;
}
sload()
firstImage();
} else {
content = "file not loaded!";
}
}
function drawSquare(clip, depth, colour, x, y, w, h) {
var mc = clip.createEmptyMovieClip("clip"+depth, depth);
mc._x = x;
mc._y = y;
mc.lineStyle();
mc.beginFill(colour);
mc.lineTo(w, 0);
mc.lineTo(w, h);
mc.lineTo(0, h);
mc.endFill();
return mc;
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("gallery.xml");
///////////////PRELOADER//////////////////////
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;
}
var ij=0
function sload() {
for (var i = 0; i<image.length; i++) {
var clip = drawSquare(this, i, 0, 0, 0, 60, 60);
clip._x =350+ (i%columns)*spacex;
clip._y =205+ Math.floor(i/columns)*spacey;
var clap =clip.createEmptyMovieClip("tt",1)
clap._x = 2
clap._y = 2
cliparray.push(clap);
clip.pictureValue =i;
clip.onRelease = function() {
p = this.pictureValue-1;
nextImage();
};
clip.onRollOver = function() {
this._alpha = 50;[/LEFT]
[LEFT]};
clip.onRollOut = function() {
this._alpha = 100;
};
}
startload()[/LEFT]
[LEFT]}
this.createEmptyMovieClip("checker",1000)
function checkload() {
checker.onEnterFrame = function() {[/LEFT]
[LEFT]if (cliparray[ij]._width) {[/LEFT]
[LEFT] delete this.onEnterFrame;
if (ij<cliparray.length-1) {
ij++;
startload();
}
}
};
}
function startload() {
cliparray[ij].loadMovie(thumbnails[ij]);
checkload();[/LEFT]
[LEFT]}[/LEFT]
[LEFT]This is a test taht I have done and it works however I think the Kirupa as needs to have adjusted child nodes perhaps??[/LEFT]
<?xml version="1.0" encoding="UTF-8"?>
[LEFT]<text>
[LEFT]<![CDATA[<P ALIGN='CENTER'><B><FONT color='#FF0000'>RED ROCKET
HISTORY</FONT></B></P><BR><P>Red Rocket
Productions.</P><BR><P>Red Rocket.</P>]]></text> [/LEFT]
[LEFT]_xml = new XML();
_xml.ignoreWhite = true;
_xml.load("cdata.xml");
_xml.onLoad = function(){
cdata.html = true; // dynamic textfield
cdata.htmlText = this.firstChild.firstChild.nodeValue;
};[/LEFT]
[/LEFT]