Randomly Dissolving Image with JavaScript

[joerocket23]

Hi Everyone,

I am trying to create an effect with JS of an image that randomly appears from a shroud. What I am thinking is a black div(s) above the image, then dissolve the black div randomly.

What I am running into is that all the "dissolve" methods I have found (scriptaculous, mootools, jquery) treat the div as a whole and it all fades out uniformly. I am trying to make it so it looks like the shroud is fading out a random 5px square at a time.

Every approach I can think of involves a ridiculous amount of 5px divs that cover the desired image and fade individually. Problem: 6400 divs and individual fades to cover a 400 sq. px image.

How would you approach this problem?

 

[amromousa]

i can't think of another way. IE doesn't have great canvas support.

 

[cnick79]

Have you thought about using flash instead?

 

[amromousa]

Have you thought about using flash instead?

probably the best solution to this problem