Edge Animate will preload all the images from image folder automatically?

Same question from me - doesn't anyone know?

I find that my animations DO start before all images are loaded, so sometimes images are missing.

How do I tell edge animate to preload all images?

Hi,

You can do it using yepnope().

Images are loaded but not displayed, therefore you can add displaying effects.

If you have a sample, i will see you the right code.

Thanks for the quick reply.

I simply want to preload all images BEFORE the animation starts. No need to show that something is being preloaded.

Do I have to download a script-extenstion in order to use yepnope()? Or is this already included in the general code?

For the coding: I found something like that to be included in creationComplete:

yepnope({

nope:[

'preload!images/slide1.png',

'preload!images/slide2.png',

'preload!images/slide3.png',

]

});

Is this all there is? Will images be preloaded and THEN the animation starts?

I found an old file (Edge 5.0.1). You can open using Edge 6.0.0.

Here is one solution:

===> demo file yepnope.zip - Box

You have one example with div tag and another with img tag.

Try it and tell me what happens.

Actually, I built in

yepnope({

nope:[

'preload!images/slide1.png',

'preload!images/slide2.png',

'preload!images/slide3.png',

]

});

In Firefox it works fine, in chrome it seems that when loaded, the first part of the animation is played much too quickly, as if it was paused and then suddenly let loose.

Your example covers much more than I wanted - I really just want to make sure, all graphics are being loaded before the animation starts.

Thank you for the example, it might come in handy some time ...

well, your code doesn't make sense.

Because preload doesn't run. Prefix must be set.

And nope refers to a test. Here you want to load.

Oh, I understand - then all makes perfect sense.

I added the script and now it seems to work fine - thank you so much!