jQuery Help Please

I need some help with a small thing for a small school project. But we didn’t learn jQuery in class but I want to learn myself and use it. Pretty much, this is what I want. I have a list for the nav with images in it.

<div id="nav">
<ul>
<li><a href="index.html"><img src="home.png" /></a></li>
<li><a href="page2.html"><img src="page2.png" /></a></li>
<li><a href="page3.html"><img src="page3.png" /></a></li>
<li><a href="page4.html"><img src="page4.png" /></a></li>
</ul>
</div>

What I want is so on the page load, all the images are at 60% and when you mouseover them they become 90%. And when you click on it, it stays at 100% until you click another link.

If anyone could help, it would be greatly appreciated. I loked for stuff online and it didn’t seem to work.

http://www.devcurry.com/2009/06/changing-image-opacity-on-mouseover.html

David Walsh is a serious proponent of this. http://davidwalsh.name/dw-content/fade-except-jquery.php

http://www.devcurry.com/2009/06/changing-image-opacity-on-mouseover.html

David Walsh is a serious proponent of this. http://davidwalsh.name/dw-content/fade-except-jquery.php

Thank you, but I seem to have a weird error or something

Each image has an outerglow in the image, and for some reason when I mouse over it like makes the outerglow turn black. What do?

Are you using png8 or png24 ?

Are you also using moz shadow effects ?

Sprites that are misaligned. Difficult to tell from a screenpic

Are you using png8 or png24 ?

Are you also using moz shadow effects ?

Sprites that are misaligned. Difficult to tell from a screenpic

It is normal png, I don’t know lol.

I’m not using a shadow effect. The shadow is in the image. Like I did outerglow around the text in Photoshop.

But I just tried it at home and it works fine. It is IE7 that is the problem. I mean, it is better than using IE6 like I had to last year.

Thanks for all the help.

Are you using png8 or png24 ?

Are you also using moz shadow effects ?

Sprites that are misaligned. Difficult to tell from a screenpic

It is normal png, I don’t know lol.

I’m not using a shadow effect. The shadow is in the image. Like I did outerglow around the text in Photoshop.

But I just tried it at home and it works fine. It is IE7 that is the problem. I mean, it is better than using IE6 like I had to last year.

Thanks for all the help.

IE does not play nice with PNG . I am not sure how IE9 does with PNG ’s as they are still working on it. (anyone care to fill in?)

You could try one of the PNG fixes such as http://www.twinhelix.com/css/iepngfix/

I am not sure which is the best. Are you able to get the same colors/look using a GIF instead?

IE does not play nice with PNG . I am not sure how IE9 does with PNG ’s as they are still working on it. (anyone care to fill in?)

You could try one of the PNG fixes such as http://www.twinhelix.com/css/iepngfix/

I am not sure which is the best. Are you able to get the same colors/look using a GIF instead?

I might just take out the drop shadow in the image or something, it isn’t even that noticeable.

I don’t know why my school uses IE at all.

You could use some cross browser css3 trickery.

A worthy read http://blancer.com/tutorials/wp/15301/10-ways-to-make-internet-explorer-act-like-a-modern-browser/

http://www.twinhelix.com/css/iepngfix/

or

http://www.komodomedia.com/blog/2007/11/css-png-image-fix-for-ie/

for png fixes.