HorizontalList of images from dynamic source

[Tarik Monem]

Hi Everyone,

As usual, after trying what I can, I come here to ask for your help.

Once I found out that scrollToIndex was not working in Flash, but it was working within Flex, then I started to learn Flex, so I'm a newbie.

I am trying to load an xml file into flex to populate a HorizontalList of images.

I am able to populate a datagrid using the same logic with no problem, but I have yet to be able to populate the HorizontalList, and the weird thing is that, I receive no errors during compile time. When I view the app in the browser, everything looks great except within the HorizontalList, all it displays is some text "Image10" -- what???

Here's the code:

    <mx:XML id="tempImageXML" source="http://www.mydomain.com/image_readerH.xml" />
    <mx:XMLListCollection id="cuePointImageXMLList" source="{tempImageXML.row}" /> 
 
 
    <mx:HorizontalList width="100%" height="100">
 
                    <mx:Image source="@Embed('http://www.mydomain.com/images/' +String({cuePointImageXMLList}))" width="50" height="50" />
 
    </mx:HorizontalList>
 

Thanks in advance,
Tarik (Tah-Rick)

[Tarik Monem]

OK, so I've changed the flex code to load an .swf file which can load pictures, but I'm having a hard time loading pics after the initial 25 jpegs load.

    <mx:VBox>
        <mx:SWFLoader id="Load" source="@Embed(source='readfromdir4.swf')" height="150" width="100%"/>
    </mx:VBox>
 

I'm trying not to load all 6,000 images into the browser's at once, so I'm trying to do it 25 at a time.

Here's how I get the first 25:

 
var filepath:String;
 
if (_url.indexOf("http") != 0) filepath = "http://www.mydomain/server/";
else filepath = "";
 
var lv:LoadVars = new LoadVars();
var pics:Array = [];
var mcl:MovieClipLoader;
var ipic:Number;                    // index into pics, used during loading
 
 
// function to read returned list and push items into pics array
function fillPicsArray(ok) {
    if (ok) {
        for(i=0;i<6000;i++)
        {
            pics.push(this["f"+i]);
        }
//        trace('the directory has ' + pics.length + ' pictures');
        k=0;
        for(j=myPrevNumber;j<myNextNumber;j++)
        {
            tempPics[k] = pics[j];
            k++;
        }
        loadPic();
    } else {
        trace("problem with the script");
    }
}
 
// function to execute when each picture is loaded
function onLoadInit(pic:MovieClip) {
    pic._width = 50;
    pic._height = 50;
    pic._x = 8 + 66*ipic;
    pic._y = 10;
    pic._alpha = 100;
    pic.filters = [picShadow];
    if (++ipic < tempPics.length) loadPic();
}
 
// function that loads one pic (as pointed to in the pics array by ipic)
function loadPic() {
    holder.createEmptyMovieClip("p"+ipic,ipic);
    holder["p"+ipic]._alpha = 0;
    mcl.loadClip("http://www.mydomain.com/images/" + tempPics[ipic], holder["p"+ipic]);
}
 
 

That's fine, but I have tried all kinds of ways to try and load the next 25 images, but to no avail.

I know the values are there and I know that it is incrementing correctly, because I am placing the values into a textarea after I've clicked on the "Next 25" button. Here's the code for the next 25.

 
var mcl2:MovieClipLoader = new MovieClipLoader();
var ml:Object = new Object();
ml.onLoadInit = function(target_mc:MovieClip) 
{
    target_mc._width = 50;
    target_mc._height = 50;
    target_mc._x = 8 + 66*ipic;
    target_mc._y = 10;
    target_mc._alpha = 100;
    target_mc.filters = [picShadow];
}
 
 
 
 
myNext25btn.onRelease = function()
{
    this.createEmptyMovieClip("holder2", 1);
    myPrevNumber += 25;
    myNextNumber += 25;
        k=0;
        for(j=myPrevNumber;j<myNextNumber;j++)
        {
            tempPics[k] = pics[j];
            msg_ta.text += tempPics[k];
            mcl.loadClip("http://www.mydomain.com/images/" + tempPics[k], ml["p"+k]);
            k++;
        }
        msg_ta.text += myNextNumber;
}
 
myPrev25btn.onRelease = function()
{
    this.createEmptyMovieClip("holder", 2);
    myPrevNumber -= 25;
    myNextNumber -= 25;
    fillPicsArray;
}
 
function loadPic2(k)
{
    holder2.createEmptyMovieClip("p"+k,k);
    holder2["p"+k]._alpha = 0;
    mcl.loadClip("http://www.mydomain.com/images/" + tempPics[k], holder2["p"+k]);
}
 
 

Thanks in advance :-)