[jQuery] FadeIn on $(document).ready flicker
I'm using jQuery on my new photo blog. I am fading in the image when
the dom has loaded like this:
$(function() {
// Animate photo
$('#photo').hide();
$('#photo').fadeIn(1500);
}
The problem is, the photo flickers for about a millisecond, as in, you
can see it
in full opacity. I can fix this by, in the html, providing a 'display:
none;' but
then non JS browsers will not see the photo. Is there a "Unobtrusive" way to
fix this?
Problem is cross browser. Not only IE.
Thanks!
--
Jeroen