Edit in JSFiddle

<a href="http://webcreatorbox.com">
    <img src="http://webcreatorbox.com/sample/images/drink1.jpg" alt="Iced Drink">
</a>

a{
    background: url(http://webcreatorbox.com/sample/images/drink2.gif) no-repeat;
    display:block;
}

$(function(){
     $("a img").fadeTo(0,1);
     $("a img").hover(
          function(){ $(this).stop().fadeTo("fast",0);
          },
          function(){
               $(this).stop().fadeTo("fast",1);
          }
     );
});