[jQuery] 2nd Trigger for images hover function
I recently implemented the Image Cross Fade Transition (http://
jqueryfordesigners.com/image-cross-fade-transition/)
It works great, and I'm hoping to add to the code to enhance the
functionality. Currently, if I hover over the image, it runs the cross
fade transition, which I would like to keep. I have another div on the
page that I would like to trigger the first instance when hovered over
as well. Is there a good way to add this?
Here's what I'm using for the first instance:
$(document).ready(function () {
$('div.tv').hover(function () {
//hover in
var div = $('> div', this);
if (div.is(':animated')) {
div.stop().fadeTo(500, 1);
} else {
div.fadeIn(250);
}
}, function () {
// hover out
var div = $('> div', this);
if (div.is(':animated')) {
div.stop().fadeTo(1000, 0);
} else {
div.fadeOut(1000);
}
});
0 Comments:
Post a Comment
Subscribe to Post Comments [Atom]
<< Home