jQuery Forum

Hi,
I have a matrix made up divs. Each "div" contains an image that initially does have the opacity set to 0. It is a game with the intent to turn on image by image until all images are visibel. At the end of the game all images continue visibel for a short period of time and then all are turned off, restarting the game.

So, reaching the point where I turn off all images I do this:

function setOpacityZeroAll() {
       $('.boarded img').each( function() {
           $(this).css( 'opacity' ,0);
       });
      
}

It works fine.

But what I really would like to do is animate the turning off the images, one by one. So instead of using the "css" method to change the opacity to 0, I tried the "animate" method:

$('.boarded img').each( function() {
           $(this).animate( { 'opacity' ,0 }, 400, function() { //do nothing });
});

I does not work. I have used "animate" before but never loop style and it is working.

"fadeIn" and "fadeOut" is another way but "fadeOut" finishes removing the objects "style" property which for me is undesirable.

I am running JQ 1.6.2

Any ideas?

Regards
/Ralf