title: Laggy opacity change in Chrome with large scaled images
body: <p>I have a simple slide show where I fade out the current photo before displaying the new one.
  It works great under FF and IE, but effect is very laggy in Chrome...</p>
  
  <p>I spotted that lagginess in Chrome appears only on large scaled images</p>
  
  <p>Here is the code to reproduce :</p>
  
  <pre><code>    this.oldimg  = this.img;
      this.img = new Image(); 
      $(this.img).css({width: '90%', height: '90%'});
      $(this.img).attr("src", "//file.jpg");
      $("body").prepend(this.img);
      if(this.oldimg) $(this.oldimg).fadeTo(600, 0, function() { $(this).remove();  });
  </code></pre>
  
  <p>Working demo here : <a href="http://jsfiddle.net/f3tta/18/embedded/result/" rel="nofollow">http://jsfiddle.net/f3tta/18/embedded/result/</a></p>
  
  <p>(Note: Comments were made in reference to a previous demo avoiding browser cache <a href="http://jsfiddle.net/f3tta/10/" rel="nofollow">here</a>)</p>
  
  <p>Can you reproduce?
  What solution do I have to avoid the lagginess without having to serve perfectly scaled images ?</p>