hente billeder fra XML til movieClips

Hej, - du starter med at lave din xml fil hvor du skriver navnene på dine billeder.

<images>
<picture name="test0.jpg"></picture>
<picture name="test1.jpg"></picture>
<picture name="test2.jpg"></picture>
</images>

ok, - det saver du så som xml og utf-8

Så skal du have data ind i flash, -
her kan du f.eks. bruge:

counter = 0;
//
// creating new xml object called myDoc
var myDoc = new XML();
// path to xml file we are going to load
var myDocName = "data.xml";
// parser
XMLNode.prototype.sendNodes = function(searchName, callback)
{
    /**
    parse XML file.
    looping though xml file to get all relevant data
    **/
    for (var i = 0; i < this.childNodes.length; i++)
    {
        var currentNode = this.childNodes[i];
        if (currentNode.nodeName == searchName)
        {
            callback(currentNode);
        }
        if (currentNode.childNodes.length > 0)
        {
            currentNode.sendNodes(searchName, callback);
        }
    }
};
// after loading xml we parse the data
function checkStatus(success)
{
    /**
    calling handlers, making data arrays
    **/
    if (success)
    {
        /**
        get standard text from xml
        **/
        myDoc.sendNodes("picture", handlePicture);
    }
    else
    {
        // error loading xml.
        errorText.text = "we are sorry but the xml failed to load... please try again later";
    }
}
//
// load XML file
myDoc.ignoreWhite = true;
myDoc.onLoad = checkStatus;
myDoc.load(myDocName);
/////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////  end of all xml handeling  ////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////
function handlePicture(node:Object)
{
    // first we check if we should make a whole menu or just the
    // top header. To do this we see if headerlink has a link value
    pictureData = node.attributes.name;
    /**
    make movieclips
    **/
    tempHolder = _root.createEmptyMovieClip("pictureHolder" + counter, 1000 + counter);
    counter++;
    if (counter > 1)
    {
        tempHolder._x = (counter - 1) * 200;
    }
    tempWidth = tempHolder._width;
    tempHolder.loadMovie(pictureData);
    //
}


Du skal så lige være opmærksom på at

tempHolder._width først eksistere når billedet er 100 procent loadet og dette kræver jo naturligvis en preloader, - det er ikke med her da det jo ikke rigtig er det opgaven går ud på at lave.

Du kan evt sende billed width med i xml filen hvis du er ligeglad med preload a la:

<picture name="test2.jpg" imgWidth = "120"></picture>

og så i flashen:

pictureWidth = node.attributes.imgWidth;

Så kan du skrive

tempHolder._x = ((counter - 1) * Number(pictureWidth)+20);

hvor 20 så er afstanden mellem dine billeder placeret på x aksen.

vh

KalleBalle

ups bare drop +20, - du kan bare give imgWidth en værdi er er større end den faktiske billede width :)

så lige at du vil placere billederne i hvert deres frame..... det kan jeg ikke lige se nogen grund til... men hvis det er det du vil så skal du lave et tomt mc i hvert frame og så attache de billeder som du har loadet med ovenstående kode.

altså i frame 1

counter = 0;
rememberPicNames = new Array();
//
// creating new xml object called myDoc
var myDoc = new XML();
// path to xml file we are going to load
var myDocName = "data.xml";
// parser
XMLNode.prototype.sendNodes = function(searchName, callback)
{
    /**
    parse XML file.
    looping though xml file to get all relevant data
    **/
    for (var i = 0; i < this.childNodes.length; i++)
    {
        var currentNode = this.childNodes[i];
        if (currentNode.nodeName == searchName)
        {
            callback(currentNode);
        }
        if (currentNode.childNodes.length > 0)
        {
            currentNode.sendNodes(searchName, callback);
        }
    }
};
// after loading xml we parse the data
function checkStatus(success)
{
    /**
    calling handlers, making data arrays
    **/
    if (success)
    {
        /**
        get standard text from xml
        **/
        myDoc.sendNodes("picture", handlePicture);
        gotoAndPlay(2);
    }
    else
    {
        // error loading xml.
        errorText.text = "we are sorry but the xml failed to load... please try again later";
    }
}
//
// load XML file
myDoc.ignoreWhite = true;
myDoc.onLoad = checkStatus;
myDoc.load(myDocName);
/////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////  end of all xml handeling  ////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////
function handlePicture(node:Object)
{
    // first we check if we should make a whole menu or just the
    // top header. To do this we see if headerlink has a link value
    pictureData = node.attributes.name;
    /**
    make movieclips
    **/
    rememberPicNames.push(pictureData);
    //
}
stop();


i frame 2;

_root.createEmptyMovieClip("imageHolderFrame2", 2000);

_root.imageHolderFrame2.loadMovie(rememberPicNames[0])

i frame 3 etc.:

_root.createEmptyMovieClip("imageHolderFrame3", 2001);

_root.imageHolderFrame3.loadMovie(rememberPicNames[1])

_root.imageHolderFrame3._x = 300

stop();

P.S. det frame hvor du har dit sidste billede skal have stop(); IKKE de andre frames.

smid en mail så sender jeg det til dig :)

vh
KalleBalle

Tak for dit svar...

Har dog selv fundet frem til noget lignende, men du får dine point for din indsats.

Tak

/Johnnyboy

jammen så mange tak da, - godt du fandt en løsning.

vh
KalleBalle