Need bit explanation of code for jquery lazy load and gridiview
<p>I was searching Google and found some code that implements a jQuery lazy load plug-in for Gridviews, but I'm confused how it works.</p>

<p>Here's the markup:</p>

<pre><code>&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
&lt;head runat="server"&gt;
&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;

&lt;script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
&lt;script type="text/javascript" charset="utf-8"&gt;
  $(function() {
    $("table[id*=GridView1] img").lazyload({
          placeholder: "http://www.gallery2c.com/admin/Upload/ThumbNail/customers%20own%20image.jpg",
          event: "sporty"
      });
  });
  $(window).bind('load', function() {
      var timeout = setTimeout(function() { $("img").trigger("sporty") }, 5000);
  });      
 &lt;/script&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form id="form1" runat="server"&gt;
&lt;asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" class="tablesorter"&gt;
    &lt;Columns&gt;
        &lt;asp:TemplateField HeaderText="ImageID"&gt;
            &lt;ItemTemplate&gt;
                &lt;%#Eval("ImageID")%&gt;
            &lt;/ItemTemplate&gt;
        &lt;/asp:TemplateField&gt;
        &lt;asp:TemplateField HeaderText="Image"&gt;
            &lt;ItemTemplate&gt;
                &lt;img  src='&lt;%#Eval("Thumb")%&gt;' /&gt;
            &lt;/ItemTemplate&gt;
        &lt;/asp:TemplateField&gt;
    &lt;/Columns&gt;
&lt;/asp:GridView&gt;
&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>And here's the server-side code:</p>

<pre><code>protected void Page_Load(object sender, EventArgs e)
{
    var imageDataSource = (new[] { new { ImageID = 0, URL = "http://www.gallery2c.com/admin/Upload/FullImage/moda01.jpg", 
                                Thumb = "http://www.gallery2c.com/admin/Upload/ThumbNail/moda01.jpg" } }).ToList();
    for (int i = 1; i &lt; 10; i++)
    {
        imageDataSource.Add(new
        {
            ImageID = 0,
            URL = "http://www.gallery2c.com/admin/Upload/FullImage/moda0" + i.ToString() + ".jpg",
            Thumb = "http://www.gallery2c.com/admin/Upload/ThumbNail/moda0" + i.ToString() + ".jpg"
        });
    }
    GridView1.DataSource = imageDataSource;
    GridView1.DataBind();
}
</code></pre>

<p>After reading this code I understand that when the page loads the GridVeiw is data bound in the serverside code. When the client side onload event is fired, the 'sporty' event is setup to call repeatedly every 5 seconds. Why should the 'sporty' event be called every 5 seconds?</p>
