jQuery function for slightly opaque images

Here’s a jQuery function to make your images slightly opaque (or “disabled” looking), then have them fade in when you rollover them.

Just class your <img> tags with imgfade, like this:

<img src=”someimage.jpg” class=”imgfade”>

And put this in <head> declaration:

<script language=”javascript”>
$(“.imgfade”).fadeTo(1, 0.55);
$(this).fadeTo(“500”, 1);
$(this).fadeTo(“500”, 0.55);

Leave a Reply

Your email address will not be published. Required fields are marked *

Previous post How can I see my relative url root? (Rails)
Next post unsolved: jQuery: Can you redefine the click function on a button? (unsolved mystery)