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:
And put this in <head> declaration:
$(document).ready(function(){
$(“.imgfade”).fadeTo(1, 0.55);
$(“.imgfade”).mouseover(function(){
$(this).fadeTo(“500”, 1);
}).mouseout(function(){
$(this).fadeTo(“500”, 0.55);
});
});
</script>