Opacity value

Opacity value

Hi all,
I am having a small problem and don't know how to fix this.

In my application I've the small line:
$(document).ready(function() {
$('.light').animate({opacity:'.25'}, {duration:0});
});


THis is very nice effect and more easy to use than the CSS method. I'll use this for some hover states.

Problem is that the opacity starts when the page is loaded. So you see the images 'flash' from normal to 'opacity: 25'.

Is there a method so the images have the opacity value immediatly, instead of when the page is loaded? Like a step before 'document.ready'. Or is the only way, the CSS way??

Thx in advance!