title: JQuery - .animate <img>
body: <p>Morning mr. Stackoverflow.</p>
  
  <p>Is it possible to .animate between 2 img ? Like, change the img src &amp; fade to the new img src?
  <br />
  <br />Html</p>
  
  <pre><code>&lt;img class="classimg" src="images/example.png" /&gt;
  </code></pre>
  
  <p>My pseudo jquery/javascript code:</p>
  
  <pre><code>On Click
      Animate .classimg height 50 width 100 opacity 1, 600
      Animate .classimg height 200 width 450, 400
      Animate .classimg change img src to url(images/example_with_green.png), 700
  </code></pre>
  
  <p>Thank you for your affort - and a good 1st dec!</p>