I'm using jquery to alter the opacity of images. I also want to give them a different color on mouse hover. I tried giving the div class containing the images a background and thought the color would show through the opacity but it doesn't. The code I'm using is
<script type="text/javascript">
$(function() {
// OPACITY OF BUTTON SET TO 50%
$(".jquery_img").css("opacity","1.0");
// ON MOUSE OVER
$(".navigation li,.jquery_img").hover(function () {
// SET OPACITY TO 50%
$(this).stop().animate({
opacity: 0.5
}, "fast");
},
// ON MOUSE OUT
function () {
// SET OPACITY BACK TO 100%
$(this).stop().animate({
opacity: 1.0
}, "slow");
});
});
</script>
how can I use other properties than opacity? Like color maybe