JonnySnip3r Posted July 30, 2010 Share Posted July 30, 2010 Hey guys was wondering if someone could help with this. I am currently learning jQuery at a snail pace due to me learning another language anyway i have put together a little thing where it shows an image when you hover over it the image fades out and another image fades in. Is there a way i can have it fade on hover to another image and then when i move my mouse away it changes back to the previous image? I could do this with css however i want the fade effect. Thanks here is my on hover script below. <script type="text/javascript"> $('#logo_fade').hover(function() { $('#logo_fade').fadeOut('slow', function() { $('#logo_fadeIn').fadeIn('slow', function() { }); }); }); </script> Link to comment https://forums.phpfreaks.com/topic/209363-simple-jquery-help-d/ Share on other sites More sharing options...
Alex Posted July 30, 2010 Share Posted July 30, 2010 Here's a tutorial on how to do that: http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/ Link to comment https://forums.phpfreaks.com/topic/209363-simple-jquery-help-d/#findComment-1093207 Share on other sites More sharing options...
JonnySnip3r Posted July 30, 2010 Author Share Posted July 30, 2010 Thankkkks duuude!!! Link to comment https://forums.phpfreaks.com/topic/209363-simple-jquery-help-d/#findComment-1093212 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.