Need bit explanation of code for jquery lazy load and gridiview
i was searching google and found a code which implement jquery lazy load plug-in with gridview but i have some confusion.

here is the code

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

    <script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      $(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);
      });      
     </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" class="tablesorter">
        <Columns>
            <asp:TemplateField HeaderText="ImageID">
                <ItemTemplate>
                    <%#Eval("ImageID")%>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Image">
                <ItemTemplate>
                    <img  src='<%#Eval("Thumb")%>' />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    </form>
    </body>
    </html>


server side 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 < 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();
    }

after reading this code i understand that when page load then data bind with gridivew from the server side code and when onload event fire from client side then sporty event is setup to call repeatedly after every 5 sec. why sporty should call after every 5 sec...what it will do......it would be better if someone explain the intention of calling sporty event after every 5 sec. thanks
Need bit explanation of code for jquery lazy load and gridiview
===

i was searching google and found a code which implement jquery lazy load plug-in with gridview but i have some confusion.

here is the code

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

    <script src="http://www.appelsiini.net/projects/lazyload/jquery.lazyload.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript" charset="utf-8">
      $(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);
      });      
     </script>
    </head>
    <body>
    <form id="form1" runat="server">
    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" class="tablesorter">
        <Columns>
            <asp:TemplateField HeaderText="ImageID">
                <ItemTemplate>
                    <%#Eval("ImageID")%>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Image">
                <ItemTemplate>
                    <img  src='<%#Eval("Thumb")%>' />
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>
    </form>
    </body>
    </html>


server side 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 < 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();
    }

after reading this code i understand that when page load then data bind with gridivew from the server side code and when onload event fire from client side then sporty event is setup to call repeatedly after every 5 sec. why sporty should call after every 5 sec...what it will do......it would be better if someone explain the intention of calling sporty event after every 5 sec. thanks