title: Dynamic generated image is requested twice when using jquery lazy loading in Google Chrome
body: <p>I have an ashx file handler that generates my images.</p>
  
  <pre><code>&lt;img src="www.mywebsite.com/action/getimage.ashx?imageID=f8be4bf6&amp;width=100&amp;height=700&amp;bgcolor=999" /&gt;
  </code></pre>
  
  <p>This all works fine.</p>
  
  <p>Now, I want to use lazy loading. Using this <a href="http://www.appelsiini.net/projects/lazyload">jquery lazy loading plugin</a></p>
  
  <p>So i adjusted my html images like this:</p>
  
  <pre><code>&lt;img src="imageplaceholder.gif" original-data="www.mywebsite.com/action/getimage.ashx?imageID=f8be4bf6&amp;width=100&amp;height=700&amp;bgcolor=999" /&gt;
  </code></pre>
  
  <p>And added the following script:</p>
  
  <pre><code>$(function() {
     $("img").lazyload();
  });
  </code></pre>
  
  <p>I noticed in the network tab of google chrome devoloper tools that there are two calls made to this filehandler.</p>
  
  <p>I've created a testing fiddle here: <a href="http://jsfiddle.net/3VwRq/4/">link</a>
  If you scroll down on this fiddle you'll see two image requests when the image is loaded in Google Chrome. In Firefox and IE this works with only one call.</p>
  
  <p>Is there any way to avoid this behavior?</p>
  
  <p>UPDATE:</p>
  
  <p>The following headers are set in the file handler:</p>
  
  <pre><code>[0] "Server"    "Microsoft-IIS/7.5"
  [1] "Set-Cookie"    "lang=nl; expires=Tue, 04-Feb-2014 13:08:56 GMT; path=/"
  </code></pre>
  
  <p>And the Expires property of the Response object is:</p>
  
  <pre><code>context.Response.Expires = 0
  </code></pre>