How can I make this fadeIn on hover instead of just changing the image?
Code:$(document).ready(function(){ $(".FB").hover( function() {$(this).attr("src","images/FB.png");}, function() {$(this).attr("src","images/FB_gray.png"); }); });
How can I make this fadeIn on hover instead of just changing the image?
Code:$(document).ready(function(){ $(".FB").hover( function() {$(this).attr("src","images/FB.png");}, function() {$(this).attr("src","images/FB_gray.png"); }); });
Artificial intelligence is nothing compared to natural stupidity -Someone
Design is a funny word. Some people think design means how it looks.
But of course, if you dig deeper, it’s really how it works. -Steve Jobs
Might be able to set it as a background image in CSS and fade it in with .animate()
Ron Roe
Web Developer
"If every app were designed using the same design template, oh wait...Bootstrap."
$(document).ready(function(){ $(".FB").hover( function() {$(this).attr("src","images/FB.png").fadeIn("slow");}, function() {$(this).attr("src","images/FB_gray.png").fadeIn("slow"); }); });
I would probably also string in a .stop() function or things could get pretty interesting.
Freelance Web Developer