title: JQuery, swap image smoothly
body: <p>I have a problem with changing image. It changes, but not smoothly. I need exactly jquery, not css approach, because I need to change img attribute.</p>
  
  <p>My attempt</p>
  
  <pre><code>$("#klubnika").hover(function() {
    $("#klubnika").attr("src","img/team-section/banka-klub.jpg");
      },function() {
        $("#klubnika").attr("src","img/team-section/klubnika.jpg");
      }
  );
  </code></pre>
  
  <p>Any ideas, how to make swap effect smoothly?</p>