You are Here:Home>>Old Posts>>Powerfull Dynamic XML Gallery V3

Powerfull Dynamic XML Gallery V3

By | 2008-03-25T19:03:45+00:00 Mar 25, 2008|Old Posts|

Powerfull Dynamic XML Gallery V3

Today choice at flashden is an awesome XML image gallery with dynamic xml categories where you can select the way the thumbnails are displayed on the stage: vertical, horizontal or random.

Add as many images as you like by editing a XML file. Very simple to manage and personalize.

This gallery also uses the bitmap class, meaning that you won’t get your images pixilated. We also decided to make this gallery full screen in a way that your images will always be proportional and fit on the maximum resolution. You can right click or click the top right button to go to full screen mode.

Download from Flashden 

About the Author:

A father, a husband and a geek... Biitlog Founder, The Tech Labs founder, among other projects.

2 Comments

  1. Jake May 3, 2009 at 12:52 am - Reply

    Here is a really cool >flash image gallery,
    very user friendly and customizable

  2. Jasen Burkett May 5, 2009 at 1:09 am - Reply

    I have a serious problem I am trying to work out.

    I need to know if you can look at my action script and
    see where I could be going wrong.

    I need to have my tile list populate all images based on the gallery
    that is selected. I have the xml formatted correctly, but the action
    script is not distinguishing which images to load.

    here is my action script –
    import fl.data.DataProvider;
    import flash.display.DisplayObject;
    import fl.controls.ScrollBarDirection;

    //loads file into flash
    var loader:URLLoader = new URLLoader();
    var baseURL:String = “http://www.cbchangar.com/uploads/images/”

    //add event listener for the list box
    lb.addEventListener(Event.CHANGE, itemChange);

    function itemChange(e:Event):void
    {
    //when ever an item is changed. we want to populate the text area
    //Tile List information that takes the xml file info and
    //uses the reaction to someone clicking in the list component
    //and displays the info from that selection to the tile list.
    var provider:DataProvider;
    provider = new DataProvider();
    provider.addItem({label:lb.selectedItem.data, source:lb.selectedItem.source});
    tl.dataProvider = provider;
    }

    //tl.addEventListener(Event.CHANGE, itemSelect);
    //function itemSelect(e:Event):void
    //{
    //}

    //when finished loading in file notify us
    loader.addEventListener(Event.COMPLETE, onLoaded);

    //use as3 xml features to parse out xml
    //create a new xml object, which will hold all xml data
    var xml:XML;

    function onLoaded(e:Event):void
    {
    //get access to the data in the file
    //gets us to the object this listener was applied to
    xml = new XML(e.target.data);
    //start displaying specific pieces of info from the xml file
    //you no longer have to use the first child and second child crap
    //in the new way, you can just walk down the xml list
    //so check your xml file for what you want to get.
    //start with the first tag, and then just walk down the list
    //trace(xml.galleryInfo.image);

    tl.direction = ScrollBarDirection.VERTICAL;
    tl.rowHeight = 140;
    tl.columnWidth = 200;

    var il:XMLList = xml.item;
    trace(xml.item);
    for(var i:uint=i; i<il.length(); i++)
    {
    //add the title of the specific item to the list box
    //label is the text that gets displayed
    //data is the info th
    //
    lb.addItem({data:il.caption.text()[i], label:il.gid.text()[i], source:baseURL + il.imgName[i]});
    }
    }

    //tell the loader object to load the file from a url
    loader.load(new URLRequest(“http://www.cbchangar.com/Scripts/images.php”));

    please let me know if you see anything…
    thanks

Leave a Reply