Hi, this is for an image gallery. I have certain images that have a different hover effect.
When I hover over the image for the first time it bounces in the big image slot. When I hover to another image and then back to the "bounce" image it doesn't display as bouncing. In fact, no image is displayed in the big image slot.
Thank you
//When hover
$('.photos4 li').hover(
function(){
//Small hoverable image - set opacity to 1
$(this).find('img').stop().fadeTo('slow',1);
//Big image -set the small image to the big image
// Getting "src" attribute of the image that was hovered
var path = jQuery(this).find('img').attr('src');
// Setting "src" attribute of the big image.
jQuery('#big-photo img').attr('src', path).effect("bounce", 300);
},
function(){
//Small hoverable image - set opacity to 0.4
$(this).find('img').stop().fadeTo('slow',0.4);
//Big image -set the small image to the big image
// Getting "src" attribute of the image that was hovered
var path = jQuery(this).find('img').attr('src');
// Setting "src" attribute of the big image.
jQuery('#big-photo img').attr('src', path).finish();
});//end hover