Flash :: Preload Images, Please Help Me...

Preload Images From Xml
I need to preload some images, they are less then 1kb but the number of images can go up to 20+ and are variable in both name and number). The number of files and the name of the files are gotten from a xml file.

These images then have to be converted to buttons.

It loads the xml and images fine, but if its more then 1 image it wont load. Alsoo It doesnt register mouseclick events or even an alpha property on it.

How can I load an array of images that act as buttons?
Here is the code:

Code:
var mapcontainer = new MovieClip();

var xmlLoader:URLLoader = new URLLoader();
xmlLoader.addEventListener(Event.COMPLETE, showXML);
xmlLoader.load(new URLRequest("xml/sitemap.xml"));

function showXML(e:Event):void
{
XML.ignoreWhitespace = true;
var sitemap:XML = new XML(e.target.data);

var i:Number = 0;
for (i = 0; i < sitemap.link.length(); i++)
{
GenerateSpots(i);
}

function GenerateSpots(i:Number)
{
var bla:String = sitemap.link.tracktype[i].text();
var img:String = "images/" + bla + ".png";
var trackloader:Loader = new Loader;
trackloader.load(new URLRequest(img));
trackloader.contentLoaderInfo.addEventListener(Event.COMPLETE,result);

function result(evt:Event):void
{
trace ("fully loaded");
mapcontainer.addChild(trackloader);

trackloader = sitemap.link.tracktype[i].text();
trackloader.y = sitemap.link.locy[i].text();
trackloader.x = sitemap.link.locx[i].text();
trackloader.alpha = 0.5;
}
}
}
I've tried to put the image in a new bitmapdata after its loaded, but it wouldnt work (Type Coercion Failed)

Code:
function result(evt:Event):void
{
var trackimage:Bitmap = new Bitmap(evt.target.content.bitmapData);
mapcontainer.addChild(trackimage);
trackimage.addEventListener(MouseEvent.MOUSE_OVER,
}
test);
And even if that worked, it probally wouldnt load them sequentially or at once, but overwrite each other because the next i is fired in the for loop before the old one is finished.

Thanks

Best Way To Preload Images..
I have multiple images that will be backgrounds for the different pages. There's many ways of doing this.. I'm just wondering what's the ideal way.
I'm thinking I could...

Create an array which contains an array for each photo [Boolean(whether the photo's been loaded), URL]. Then I would load each url, and when they're done I would change bool to true for that url.
then I could save the image in a new container, and move it off stage to replace for later.

If I load them all, then do nothing with them, not putting them on the stage or anything, and load them again, would it load instantaneously?

Also should I load them at the same time, or one at a time?

Preload Images
Hi,

Is that anyone know how to preload images to the Flash Library? Or it is impossible to do that?

Preload Images
Hi, I was wondering is there is any way to preload a JPG from a website and when its loaded show it... this is my code so far... 1 line

Code:
loadMovieNum("http://www.mywebsite.com/image.jpg",2);
thank you

Preload Images
Hey,

Say i have a photo gallery of images that i load from outside my swf file and into a container_mc, when i upload to the web and you click on a thumbnail to get the larger image, the transition plays through but then you have to wait for the photo to load, it dos'nt look good.

Can i some how preload all the image? or get the transition to wait until the image is loaded? which is the best way to do this??

How does it work?

Help is apprecaited thanks.

ck

Preload Images With XML?
Hello,
Is there a decent tutorial out there for preloading images with XML? I built a gallery swf that loads images on the fly (on button release), now I need to find a way to preload them when someone clicks the button.

Preload Images Right After The Other
Hello everyone,

I have a client who needs a flash front page which loads images dynamically one after the other. (ie. the effect they want is one image should fade in, then the next image should preload, the first image should wait until the second image is done preloading. Then once the preloading is done, the first image will start to fade out and the next image will start to fade in and so on for x number of images)

Is there a script out there that can help me out? I have tried this on my own but have not gotten good results.

Here is the link to the FLA: http://test.un-identified.com/test/msSample.zip

And the example: http://test.un-identified.com/test/msSample.html

Thanks

Preload For Dynamic Images ?
hi friends

ive created a movie and called jpg images in to it with new feature of MX

also given preload in movie

but prblem is ... that preload is working only for that movie ... but its not preloading jpg images

what should i do for it ?

[Edited by romio3k on 05-04-2002 at 02:19 AM]

Preload Images For LoadMovie?
is it necessary to preload the images that are being pulled in using the loadMovie action? i can view all the images fine on my desktop but when i upload it to the server the .jpgs don't show (they are about 65k) ... any ideas on how to correct this?

thanks ...

How To Preload External Images?
I have a movie in which I am loading 2 external images and in every preloader I know they are not included! Does anybody know if it is possible to preload external images or at least external swf

Preload Images With Javascript
I am building a Flash MX site, and I am loading the necessary Photoshop images at runtime. The whole package adds up to about 282 KB, and I feel this is rather large.

Before the user enters the flash site, there is a static HTML page. My thought and question is:

If I preload the images in the HTML splash page with javascript, will they load quicker in Flash? Does Flash use the browser to get runtime images/movies?

Preload For Lot Of External Images
Hey guys how r u?

My problem is the following:
I have lot of external images and when I rollover a button I what it to load a certain image, what I want to do, is to have a single preloader than can load all images...

Can this be done?
I hope so... W8ing for replys. Thanks in advance!

Preload External Images
i need to be able to preload an external folder full of images.. but without knowing how many images there are...

how can i do this?

Preload External Images
How do I preload external images that I load into a movie clip or a dynamic text field?

[F8] Preload All Images In Array
Hi,

I am trying to make a preloader that will will preload multiple images and only then triggers a function that will display them sequentially (using setInteval)in a vertical list. Below is the code I have so far:

Code:
stop();
this.listContainer.setMask(deviceFontMask);
function loadXML(true) {
if (true) {
xmlNode = this.firstChild;
projectName = [];
buildList();
} else {
trace("file not loaded!");
}
}
xmlData = new XML();
xmlData.ignoreWhite = true;
xmlData.onLoad = loadXML;
xmlData.load("../content/projects/project_listShort.xml");
///////////////////////
function buildList() {
spacer = 1;
total = xmlNode.childNodes.length;
cur = 0;
cycle = setInterval(this, "placeItem", 110);
}
function placeItem() {
projectName[cur] = xmlNode.childNodes[cur].firstChild.nodeValue;
var currMovie = this.listContainer.attachMovie("pClip", "pClip"+cur, cur);
currMovie._y += (currMovie._height+spacer)*cur;
currMovie.loadInto.loadMovie("../content/projects/"+projectName[cur]+"/"+projectName[cur]+".jpg");
if (++cur == total) {
clearInterval(cycle);
}
}
I have tried adapting similar code to what I want to do, but I just can't get it to work.
Could someone help me out on how to make a preloading script that will work with my current code? Or anything that will do what I'm trying to make?

Thanks for any help,

Rufus

Preload Dynamic Images?
Hey,

I have a embedded swf file that has 6 dynamically loaded images in an animation so that the user can edit the images.

Is it possible to load the dynamic images up within a preloader as some images are not showing in time with the animation?

thanks,

Danny.

[F8] Preload Bulk Images...Possible?
I'm trying to find a script that will allow me to bulk preload a group of images. Let's say there is a group of 10 images that equal to be about 1MB...how can I load them as a group rather than individually? I want to have a preloader go from 0 to 100 percent for the entire load...not individual loads.

Can it be done?

Uiloader - Possible To Preload Images?
i have a website hosted somewhere and i have images hosted in a subfolder within the folder that the .swf file is. and since i have a lot of high resolution images for a photo gallery section, i thought it would be a good idea to use an image loader because it would keep the main .swf file size down. I have a preloader for the entire website which works great but i want it to cache or preload those images in the loaders. is this possible?

the reason i want to do this is because i have the pictures fade in and because they have to load they come in late, thus missing the fade in of the entire page.

any ideas?

MCL To Preload Multiple Images From XML
hi there,

i'm having a nightmare trying to create multiple instances of the moviecliploader to preload many images referenced from an XML file. i want a preloader for each image but it only ever shows the last one. i think thats because i can't increment the moviecliploader variable name and so after cycling through the for...loop, only the last iteration preloader is shown. i've tried writing the loading portion in a seperate function but got confused as to where i was targetting. i've tried many other ways with temporary references and extra arrays with no luck. the code is below:

PHP Code:

this.createEmptyMovieClip("container_mc", 0);

var gotx:XML = new XML();
gotx.ignoreWhite = true;

var pics:Array = new Array();
var captions:Array = new Array();
var holders:Array = new Array();

gotx.onLoad = function() {
    //trace("onLoad");

    var photos:Array = this.firstChild.childNodes;

    for(i=0; i < photos.length; i++) {

        //ADDS PICTURES TO ARRAY
        pics.push(photos[i].attributes.pic);
        captions.push(photos[i].attributes.caption);

        //GENERATES HOLDER FOR MOVIECLIP WHERE PICTURE IS LOADED
        container_mc.createEmptyMovieClip("holder"+i, (10+i));

        //ADDS HOLDERS TO ARRAY
        holders.push(container_mc["holder" + i]);
        //trace(holders);

        //GENERATES HOLDING CLIPS FOR EACH PICTURE
        container_mc["holder" + i].attachMovie("clip", "clip"+i, (10+i), { _x:0, _y:(i * 225) });

        //CREATES TEMPORARY REFERENCE TO EACH HOLDER
        var rollHold = holders[i];
        rollHold.captionValue = i;


        //LOADS EACH PICTURE INTO A HOLDING CLIP
        //container_mc["holder" + i]["clip" + i].loadMovie(pics[i]);
        mcLoader.loadClip(pics[i], container_mc["holder" + i]["clip" + i]);

        var mcListener:Object = new Object();
        mcListener.onLoadStart = function(target_mc:MovieClip) {
            trace("started");
            attachMovie("counter", "counter"+[i], (500+i), { _x:0, _y:(i * 10) });
        }
        mcListener.onLoadComplete = function() {
            trace("finished");
            //removeMovieClip("counter"+[i]);
        }
        mcListener.onLoadProgress = function(target_mc:MovieClip) {
            //attachMovie("counter", "counter"+[i], (1000+i), { _x:0, _y:(i * 50) });
        }
        mcListener.onLoadInit = function(target_mc:MovieClip) {
            removeMovieClip("counter"+[i]);
        }

        var mcLoader:MovieClipLoader = new MovieClipLoader();
        mcLoader.addListener(mcListener);
        mcLoader.loadClip(pics[i], container_mc["holder" + i]["clip" + i]);


        //ROLLOVER BEHAVIOUR FOR EACH IMAGE USING TEMPORARY REFERENCE
        rollHold.onRollOver = function() {
            //trace("allow that");
            trace(photos[this.captionValue].attributes.caption);
        }

        rollHold.onRelease = function() {
            //trace("allow that");
            caption_txt.text = photos[this.captionValue].attributes.caption;
        }

    }
}

gotx.load("autumntry4.xml");

//

i've seen what i want working on many sites so it can't be too tough. this has been driving me nuts all day and i've searched loads of threads and tutorials but not found an answer. can anyone help me???

cheers,

dave.

[F8] Preload Images Like LiveBooks?
Hi,

I was wondering how to preload multiple external images in flash much the same way LiveBooks does on its portfolio sites. I want flash to actively load images in the gallery in the background to reduce loading time when the user clicks on the thumbnail. Any help would greatly be appreciated!

Thanks!

[CS3] Preload Images In A Slideshow Using XML
Hello,

i am building a website where i use a slideshow in flash. I load the pictures into a movieclip in flash using XML. It all works, but it is a bit slow, because the images is not loaded until the user hits the next button. So I wonder if its possible to change my AS in flash to make it load the next image while the user looks at the first picture? I would be very glad if someone could help me with this. Please see my code below:

images_xml = new XML();
images_xml.onLoad = startImageViewer;
images_xml.load("xml/images.xml");
images_xml.ignoreWhite = true;

function startImageViewer(success) {
if (success == true) {
rootNode = images_xml.firstChild;
totalImages = rootNode.childNodes.length;
firstImageNode = rootNode.firstChild;
currentImageNode = firstImageNode;
currentIndex = 1;
updateImage(firstImageNode);
}
}

function updateImage(newImageNode) {
imagePath = newImageNode.attributes.imgURL;
targetClip.loadMovie(imagePath);
imageCount = currentIndex+" / "+totalImages;
}

next_btn.onRelease = function() {
nextImageNode = currentImageNode.nextSibling;
if (nextImageNode == null) {
break;
} else {
currentIndex++;
updateImage(nextImageNode);
currentImageNode = nextImageNode;
}
};

back_btn.onRelease = function() {
previousImageNode = currentImageNode.previousSibling;
if (previousImageNode == null) {
break;
} else {
currentIndex--;
currentImageNode = previousImageNode;
updateImage(previousImageNode);
}
};

Sequentially Preload Images
Hi,

some one help me how to do Sequentially preload images from XML data. i have a movie clip on stage thats duplicating using array. after its duplicating it need to load multiple images into it. this part is working absolutely fine. my main task is before loads the image i need to set up Sequential preloaded for each dynamic movie clip.

this is where i got stuck i gone through one example from kirupa forum http://www.kirupa.com/forum/showthread.php?t=282225 trying to implement the same on my fla but i couldn't achieve that. please take a look at my code

stop();

var xmlImages:XML = new XML();
xmlImages.ignoreWhite = true;
xmlImages.load("images_test.xml");

var thumbListener:Object = {};
var thumbLoader:MovieClipLoader = new MovieClipLoader();
var dataObj = new Array();

/*var thumbListener:Object = {};
var thumbLoader:MovieClipLoader = new MovieClipLoader();*/

xmlImages.onLoad = function(ok) {
if (ok) {//if it loads ok

var images:Array = this.firstChild.childNodes;
var total = images.length;

for (var i = 0; i<total; i++) {
dataObj[i] = new Object();
dataObj[i].img = images[i].childNodes[0].firstChild.nodeValue;
dataObj[i].title = images[i].childNodes[1].firstChild.nodeValue;
dataObj[i].desc = images[i].childNodes[2].firstChild.nodeValue;

dataObj[i].xml = images[i].childNodes[3].firstChild.nodeValue;

trace(dataObj[i].img)

var mc:MovieClip = _root['item'+i];
if (mc == undefined) {
mc = _root.item0.duplicateMovieClip('item'+i, i);
var initx = _root.item0._x;
var inity = _root.item0._y;
}

mc.btn.i = i;
mc.btn.onRelease = function() {

_root.selgal = dataObj[this.i].xml;
_root.gotoAndStop('gal');

};

/*function loadImages( item:Array ):Void {

if( item.length == 0 )
{
return;
}*/

//duplicating
mc.createEmptyMovieClip("img",0);
var newx = initx+(mc._width+20)*(i%7);
var newy = inity+(mc._height+20)*Math.floor(i/7);
mc._x = newx;
mc._y = newy;

mc.title_txt.text = dataObj[i].title;
mc.desc_txt.text = dataObj[i].desc;
mc.img.loadMovie(dataObj[i].img)

//updates the x position, so the next image stays on side
xpos += 60;

//Progress of whats loading
/*thumbListener.onLoadProgress = function( target:MovieClip, bl:Number, bt:Number):Void{
target._parent.per_txt.text = Math.ceil( ( bl / bt ) * 100) + "% complted";
}

//listeners
thumbListener.onLoadComplete = function( target:MovieClip ):Void {
thumbLoader.removeListener( thumbListener );
loadImages();
}

thumbLoader.addListener( thumbListener );

//thumbLoader.loadClip( dataObj[i].img, mc.img);*/

}
//loadImages(dataObj)
} else {
trace("xml could not be loaded. check file name");
}
};

the code which i blocked out that was the thing i trying to do.

if u guys want my source file or more clarification regarding this please let me know. so that i can upload my files also

Thanks

Preload Images For My Slideshow
Hey,

I'm working on this slideshow forever and I really don't know how to preload all my images so my slideshow runs smoothly. Right now the first cycle doesn't fade in, but just appears. The second run runs nicely because the images are loaded. Can somebody help me out with my script?

Thanks a whole lot!!!

Code:
////////////////// doSlideShow() ////////////////////
totalSlides = slideXML.firstChild.childNodes.length;
mcSlideShow = slideShow.imgHolder;
this.onEnterFrame = function() {
if (mcSlideShow._alpha<100) {
mcSlideShow._alpha += 3;
}
}

function showSlideShow()
{
// var slideshow Holder
mcSlideShow._x = -2;
mcSlideShow._y = -2;
var totalSlides = slideXML.firstChild.childNodes.length;

if(initSlideShow==1)
{
mc._alpha = 0;
if(intCounter++ >= 30)//25
{
if((newImageId + 2) > totalSlides)
{
newImageId = 0;
} else {
newImageId++;
}

mcSlideShow._alpha = 0;
//mcSlideShow.loadMovie(image[p]);
mcSlideShow.loadMovie("images/slideshow/"+slideXML.firstChild.childNodes[newImageId].childNodes[0]);
intCounter = 0; // reset internal counter

fileName = slideXML.firstChild.childNodes[newImageId].childNodes[0];
}
} else {
// default
mcSlideShow._alpha = 0;
mcSlideShow.loadMovie("images/slideshow/"+slideXML.firstChild.childNodes[0].childNodes[0]);
initSlideShow = 1;

// preload images
for(var x=1;x<totalSlides;x++)
{
// import all images to unknown location
this["preload"+x].loadMovie("images/slideshow/"+slideXML.firstChild.childNodes[x].childNodes[0]);
}

// DEBUG
fileName = slideXML.firstChild.childNodes[0].childNodes[0];
}

// DEBUG
testSlideshow = "slide number: "+intCounter;
testSlideshow = testSlideshow+"
slide name: "+fileName;
testSlideshow = testSlideshow+"
newImageId: "+newImageId;
}

////////////////// loadSlideXML() ///////////////////
function loadSlideXML(){

// loadHandler
loadHandler = function(EOF){
if(EOF){
// showSlideShow
setInterval(showSlideShow, 500);
//showSlideShow();
} else {
trace("Could not load slideshow.xml");
}
}

// loadVars
slideXML = new XML();
slideXML.ignoreWhite = true;
slideXML.load("scripts/showSlideShow.php");
slideXML.onLoad = loadHandler;
}

Preload Images Using LoadMovie()
Is there anyway to preload a site that grabs external images. I have a movie and on frame 1 have a preloader. On frame 3 I have a bunch of images being loaded using loadMovie(). They obviously don't get taken into account with the preloader because they aren't in yet.

Here is my preloader code

ActionScript Code:
lastFrame = 1;
function loadedIndicatorFrame() {
var newFrame = int((_parent.getBytesLoaded()/_parent.getBytesTotal())*65)+2;
if (newFrame-lastFrame>4) {
// too far
lastFrame += 4;
loadedText = int(_parent.getBytesTotal()/1024*(lastFrame-2)/65)+"kb of "+int(_parent.getBytesTotal()/1024)+"kb";
} else if (newFrame-lastFrame>0) {
// normal move
lastFrame++;
loadedText = int(_parent.getBytesLoaded()/1024)+"kb of "+int(_parent.getBytesTotal()/1024)+"kb";
} else {
// update the text only
loadedText = int(_parent.getBytesLoaded()/1024)+"kb of "+int(_parent.getBytesTotal()/1024)+"kb";
}
return lastFrame;
}

Any ideas?

How To Preload External Images
how can i preload external images

How To Preload Images Using Loadmovie();
how to preload images using loadmovie(); function..... plzzzz.....

Preload External Images
Hi,

I am trying to create a short movie which loops through 4 different images from an external source. These images are overwritten each week with a new image with the same dimensions etc. So by pulling in these images my movie will also update each week without me having to touch it.
I have created the movie by adding a movie clip named 'paper' to frame 1 of my movie and adding the actionscript:
paper.loadMovie("http://etc etc"); to the same frame.
At my next keyframe I change the actionscript to call in the next of the 4 images and so on.

This works fine but when viewing the movie there is a delay between my movie reaching the keyframe and the image loading meaning I get a blank page for a moment.

If there anyway I can preload the images? It seems to want to reload the image everytime I add a new key frame.

Thanks

Tilelist : Preload Images?
I have an image gallery browser i created using the tilelist component. There is over a hundred items in the list, and it seems to only load the images that are visible. When you scroll it unloads the images that are scrolled out, and has to load them back in if you scroll back. Is there anyway to load all the images? If you are doing a lot of scrolling then you start to get errors.

Preload Images Called By XML?
hello, i have a movie calling images from an xml file. this really speeds up the development process, but everytime i go to click on buttons to call up the images, there is a one second or so delay before seeing the images.

the users will click on 50 or so images, pretty quickly while they are using this swf

is there something i can do to expediate this image loading? like perhaps pre-loading all the potential images to be clicked while there is a preloading movie playing at the start?

with the delay i am experiencing, the user experience is going to suck

Preload External Images
http://www.rui-camilo.de
Hi ,

i saw this site above and wanted to know how you can design a preloader to indicate when pictures are ready to view like the example. Do they use xml..?

can you help as i just can't figure this out. I would like to load images from a folder if possible.

Thanks

Preload SWF (With Dynamic Images)
I have a SWF called main which loads images.swf. In images.swf, this loads a few dynamic images. How can I preload images.swf with the dynamic images?

Let's say images.swf loads 3 images of combined file size 120k and images.swf is 10k.

When images.swf is selected to load from main.swf, how can I preload the lot all at once and have the preloader loading the 130k?

Cheers

Preload Several Images (Feedback)
I am loading between 4-10 images into duplicated MCs. At the moment, each image loads in one after the other. On each image, there is a percent preloader. The problem is, the preloader is only displayed when the current image is loading. Therefore, the user has no idea how many images are loading.

Is there anyway to load all the images together so feedback is sent to the user's screen for each image. Any ideas on how to overcome this?

Thanks

Preload SWF + External Images.
Ok, I'm in need of some advice here. Let's say I have the following situation... a SWF that will serve as the main movie for the site. Inside this SWF, I have a script that loads a JPG into a holder MC that's on stage. So basically it's like this:

- main.fla
-- holder_mc (this isn't an empty MC, it has some PNG's inside)
--- external JPG loaded in by loadMovie

I'm ok with building a preloader for the holder_mc and the rest of the FLA (without the size info of the external JPG), but how would I incorporate the size of the external JPG into my initial preloader before I actually start playing everything.

Would I have to set the holder_mc visibility to false, call the loadMovie, initiate the preload, and then set visibility back to true. There's gotta be a better way?

Cheers!

Preload Images In XML File
How can I have only one loading screen at the beginning of my movie that will load the entire movie including images I have in an XML file that I load. I have a XML file that has 20 pictures in it, and I want all of the pictures to load before, so that when transitioning between pics, there is no delay. Here is how I loaded my XML file:

Code:
pArray=new Array();
my_xml=new XML();
my_xml.ignoreWhite=true;
my_xml.onLoad = function(success){
if(success){
for(var i=0; i<this.firstChild.childNodes.length; i++){
pArray_l = this.firstChild.childNodes.length;
pArray.push(this.firstChild.childNodes[i].attributes.pic);
}
}
load_home();
};
my_xml.load("pic.xml");

Dynamic Preload Of Images
I have been following this toturial http://www.kirupa.com/developer/flas...icturesDyn.htm to preload images in my movie. Great video toturial!

My problem is though, an error occures when the loader component is loading content like so ( Error opening URL "file:///D|/cebsone.dk/Ny%20mappe/cebs_003_.jpeg" ) Ive got the .fla file in the same folder as the images.

Im well aware that this toturial is for Flash 8 and I use Flash MX 04, so is there anything different about the dynamic preloader?

Any thoughts on what im doing wrong here?

Preload Images For OOP Navigation AS2
What is the normal procedure for preloading images that will be used within objects? My nav class generates each button as an object which pulls individual images from an xml file.

I'm finding that you can't load mc's inside other mc's, so preloading the images on the root and then accesses them in the nav class won't work (I'm doing masking and gradient effects in the nav class).

I'm now attempting to let the nav class run and just hide everything till it loads all the images. The current problem is that I'm using MovieClipLoader in the class and it's giving me unreliable results (on the live server) for loadedBytes and totalBytes. Could that be due to all the nav objects loading images at basically the same time?

What is the correct way to preload images for oop? I'll take whatever general advice you got.