[Tweener] Loading images via xml

[Gerry Creighton]

Ok I see...
You could make something like that using different code but I whipped  
this together using those example
files. The prev and next buttons have numbers in them because Zeh  
provided a sample that reuses the box
movieClip. You can clean them up on your own but here is the adjusted  
fla that loads images from
the xml and creates boxes for the amount of images in the xml.
http://www.thespikeranch.com/filez/boxList_xml.zip

-Gerry


On Oct 4, 2008, at 2:19 PM, Philip Ames wrote:

> Gerry, thank you. That works like a charm in "test scene", but I'm  
> going
> have to spend some time pulling it apart to understand.
>
> The demo I'm trying to apply this to is the example I pulled down for
> tweener, "box_list_scroll_as2_flash8.fla" (
> http://tweener.googlecode.com/svn/trunk/examples), where the movie  
> clip
> instance "itemList" nested on the root.
>
> In that example, the images are within "itemList" - all I was trying  
> to do
> was replace those images with the xml content.
>
> Thanks again
>
>
> you said...
>
>> Since I had a couple of minutes I just threw this together that might
>> help you out.
>>
>> I dragged a Loader component onto the stage to speed things up and
>> then gave it an instance name of "my_ldr".
>> This code is in the help files...I changed some things however.
>>
>> <code>
>> /* on frame one of the main timeline */
>> /* load images from xml */
>>
>> var doc:String = "images.xml";
>> var startx:Number = 20;
>> var starty:Number = 20;
>> //loader
>> var loaderListener:Object = new Object();
>> loaderListener.progress = function(evt_obj:Object):Void {
>>     trace(evt_obj.type); // progress
>>     trace("\t" + evt_obj.target.bytesLoaded + " of " +
>> evt_obj.target.bytesTotal + " bytes loaded");
>> }
>> loaderListener.complete = function(evt_obj:Object):Void {
>>     trace(evt_obj.type); // complete
>> }
>> my_ldr.addEventListener("progress", loaderListener);
>> my_ldr.addEventListener("complete", loaderListener);
>>
>> //xml
>> var myXML:XML = new XML();
>> myXML.ignoreWhite=true;
>> myXML.load(doc);
>> myXML.onLoad = function(success) {
>>    if (success) {
>>  var myImage = myXML.firstChild.childNodes;
>>  for (var i:Number = 0; i<myImage.length; i++) {
>>  var imageNumber = i+1;
>>  var imageName:String = myImage[i].attributes.title;
>>  var imageURL:String = myImage[i].firstChild.nodeValue;
>>  trace ("Image number is "+imageNumber+", is titled "+imageName+"
>> and is located in "+imageURL+".");
>>  //make a button to load image
>>  var _btn:MovieClip = drawRectangle(i,imageName,imageURL,100, 20,
>> 0x333333, 100);
>>  _btn._x = startx;
>>  _btn._y = starty+(_btn._height+1) * i;
>> }
>>    }
>> };
>> //rectangle
>> function
>> drawRectangle(nm:Number,txt:String,imageUrl:String,boxWidth:Number,
>> boxHeight:Number, fillColor:Number, fillAlpha:Number):MovieClip {
>>
>> //this function creates a button with a text label and calls function
>> to load image
>> var img_btn:MovieClip = createEmptyMovieClip("img_btn"+nm,nm);
>> var my_fmt:TextFormat = new TextFormat();
>>         my_fmt.color = 0xFFFFFF;
>> my_fmt.font = "Arial";
>> my_fmt.size = 12;
>> //                      ("my_txt", 1, 100, 100, 300, 100);
>> img_btn.createTextField("tf",1,1,1,98,18);
>> img_btn.tf.type = "dynamic";
>> img_btn.tf.multiline = false;
>> img_btn.tf.text = txt;
>> img_btn.tf.setTextFormat(my_fmt);
>>
>>     with (img_btn) {
>>         beginFill(fillColor, fillAlpha);
>>         moveTo(0, 0);
>>         lineTo(boxWidth, 0);
>>         lineTo(boxWidth, boxHeight);
>>         lineTo(0, boxHeight);
>>         lineTo(0, 0);
>>         endFill();
>>     }
>> img_btn.onRelease = function(){
>>  loadImg(imageUrl);
>> }
>>
>> return img_btn;
>> }
>> //
>> function loadImg(img:String):Void{
>> my_ldr.load(img);
>> trace("load image: "+img);
>> }
>>
>> </code>
>>
>>
>>
>>
>> On Oct 4, 2008, at 10:26 AM, Philip Ames wrote:
>>
>>> Hi Gerry, thanks for your response. I'm using AS2 but didn't get
>>> much help
>>> from the help section.
>>>
>>> I'm using the following slice of code to try and pull in the XML on
>>> the
>>> first frame of itemList, which is a child of the main stage...
>>> ---------------------
>>> var myXML:XML = new XML();
>>> myXML.ignoreWhite=true;
>>> myXML.load("images.xml");
>>> myXML.onLoad = function(success) {
>>>   if (success) {
>>>   var myImage = myXML.firstChild.childNodes;
>>>   for (i=0; i<myImage.length; i++) {
>>>       var imageNumber = i+1;
>>>       var imageName = myImage[i].attributes.title;
>>>       var imageURL = myImage[i].firstChild.nodeValue;
>>>       trace ("Image number is "+imageNumber+", is titled "+imageName
>>> +" and
>>> is located in "+imageURL+".")
>>>       }
>>>   }
>>> };
>>> ---------------------
>>> And my XML is set up...
>>> ---------------------
>>> <gallery>
>>> <image title="image1">images/1.jpg</image>
>>> <image title="image2">images/2.jpg</image>
>>> <image title="image3">images/3.jpg</image>
>>> <image title="image4">images/4.jpg</image>
>>> <image title="image5">images/5.jpg</image>
>>> </gallery>
>>> ---------------------
>>>
>>> The trace returns everything it is supposed to, but the images do
>>> not load.
>>> I've checked the paths and they are correct.
>>>
>>> Any notions of what I'm doing wrong?
>>>
>>> Thanks in advance
>>>
>>>
>>> _______________________________________________
>>> Tweener mailing list
>>> Tweener at lists.caurinauebi.com
>>> http://lists.caurinauebi.com/listinfo.cgi/tweener-caurinauebi.com
>>
>> _______________________________________________
>> Tweener mailing list
>> Tweener at lists.caurinauebi.com
>> http://lists.caurinauebi.com/listinfo.cgi/tweener-caurinauebi.com
>
>
> _______________________________________________
> Tweener mailing list
> Tweener at lists.caurinauebi.com
> http://lists.caurinauebi.com/listinfo.cgi/tweener-caurinauebi.com

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.caurinauebi.com/pipermail/tweener-caurinauebi.com/attachments/20081004/a11cd081/attachment.htm>