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> Quote Link to comment 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/ Quote Link to comment Share on other sites More sharing options...
JonnySnip3r Posted July 30, 2010 Author Share Posted July 30, 2010 Thankkkks duuude!!! Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.