on enter website opacity to none

[therealro]

Hi All,

I have this script to show some hover effect, when you hover over the link a image is fading IN and and fading OUT when you hover out :

		$(document).ready(function(){
				$(".a").hover(
				function() {
					$(this).stop().animate({"opacity": "1"}, "slow");
				},
				function() {
					$(this).stop().animate({"opacity": "0"}, "slow");
				}
			);
		});

My question is, how can i set the opacity on 0 when the site loads? Now i see the hover effect when i enter the website and it should only be visible when i hover over the link.

Thanks in advance!

Greets!

[xetea]

Can't you just set the opacity for the link to 0 in the css?

[therealro]

Can't you just set the opacity for the link to 0 in the css?

Well its a div where a png image gets visible on hover, so thats not an option i guess

[xetea]

Yes it is, if the div has class="a" (as it seems judging from your code) just add this to your css:

.a {
filter:alpha(opacity=0);
opacity:0;
}

[therealro]

Yes it is, if the div has class="a" (as it seems judging from your code) just add this to your css:

.a {
filter:alpha(opacity=0);
opacity:0;
}

Ok great! i will check this tonight.
What about the

zoom:1;

when you use the filter option for IE?


Thanks alot for now