[jQuery] Fade Background Image on Mouseover
I have set up an example photogallery in which the main image is
supposed to stay visible at all times but the background images fades
in and out on mouseover. The problem that I am having is all the
images fade in and out on mousever how can I stop this?
The gallery is http://capnhud.awardspace.com/image_gal_layout.html
the script is
$(function() {
// do something on document ready
$(".thumbnailbg").fadeTo("fast", 0.0); // This sets the opacity of the
background to fade down to 60% when the page loads
$(".thumbnailbg").hover(function(){
$(this).fadeTo("slow", 1.0); // This should set the opacity to 100%
on hover
},function(){
$(this).fadeTo("slow", 0.0); // This should set the opacity back
to 60% on mouseout
});
});