download images dynamically with jquery in any container
<p>after searching google i got a code which works but this code download all the images at a time</p>

<h2>code is</h2>

<pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function () {
      $("table[id*=dgImages] img").each(function () {
          $(this).attr("src", $(this).attr("original"));
          $(this).removeAttr("original");
      });
  });
&lt;/script&gt;

&lt;asp:DataList ID="dgImages" runat="server" RepeatColumns="4" RepeatDirection="Horizontal" RepeatLayout="Table"&gt;
      &lt;ItemTemplate&gt;
      &lt;img src="images/ajax-loader.gif" original='&lt;%# Eval("photos")%&gt;' /&gt;
    &lt;/ItemTemplate&gt;
&lt;/asp:DataList&gt;
</code></pre>

<p>whatever the images are there in datalist the code download all at a time. so i need to customize it that only visible images should download and when user scroll down then next visible images should download.
so please guide me what to modify in my client script.</p>

<p>thanks</p>
