title: Image appear then disapper in chrome
body: <p>In my website, i change the div which contains the images using jQuery:</p>
  
  <pre><code> &lt;div class='bar1' &gt;
      &lt;div class='blocks'&gt; &lt;a href='#' &gt;Home&lt;/a&gt;&lt;/div&gt;
      &lt;div class='blocks'&gt; &lt;a href='#'&gt;About&lt;/a&gt;&lt;/div&gt;
      &lt;div class='blocks'&gt;&lt;a href='#'&gt;Zones&lt;/a&gt;&lt;/div&gt;
      &lt;div class='blocks'&gt;&lt;a href='#'&gt;Players&lt;/a&gt;&lt;/div&gt;
   &lt;/div&gt;
  &lt;div class='block-top-container'&gt;
     &lt;div class='scroll-block'&gt;
        &lt;img src='ban1/1.jpg' alt ='' /&gt;
     &lt;/div&gt;
     &lt;div class='scroll-block'&gt;
       &lt;img src='ban1/2.jpg' alt ='' /&gt;
     &lt;/div&gt;
     &lt;div class='scroll-block'&gt;
        &lt;img src='ban1/10.jpg' alt ='' /&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>jQuery code to move left the images on link clicked</p>
  
  <pre><code>$(window).load(function() {
  
      $(".bar1  a").click(function(e){
  
      var $this = $(this);
      var index = $this.parent().index();
      var left = (index * $(" .scroll-block ").width());
  
      $(" .block-top-container ").animate({ marginLeft: -(left) }, 500);
  
  
      });
  
   });
  </code></pre>
  
  <p>The error happens in Chrome (Version 23). The image loads but after the page load is completed the image disappears and we see a broken image icon.</p>
  
  <p>I checked the Network tab in Chrome developer tools there when the page loads the image appears but after the page load completes the image disappears, in network tab the Image Get Failed error is displayed.</p>
  
  <p><img src="https://i.stack.imgur.com/Lzgyq.jpg" alt="Image of the error"></p>