title: jQuery Change img src and do not display old
body: <p>I'm using jQuery to replace part of the image src path. It works perfectly but it still renders the old image before displaying the new image source. I was wondering if it's possible to use .hide() and .show() to prevent the old image from rendering.</p>
  
  <pre><code>$(document).ready(function() {
      $(".gallery img").each(function() {
          $(this).attr("src", function(a, b) {
              return b.replace("s72-c", "s190-c")
          })
      })
  });
  </code></pre>
  
  <p>Image url structure:</p>
  
  <p>Old image url: <a href="http://www.example.com/s72-c/sample.jpg" rel="nofollow">http://www.example.com/s72-c/sample.jpg</a></p>
  
  <p>New image url: <a href="http://www.example.com/s190-c/sample.jpg" rel="nofollow">http://www.example.com/s190-c/sample.jpg</a></p>