Scroll pagging problem when bind images

See more:

C#

Javascript

I want to add Scroll pagging in data list or Grid View control,


it means one's the page load,data list show only 10 record and then if user scroll down , then next 10 will show, and then next.. and so on.......


i find a demo for this,

http://www.aspsnippets.com/Articles/Load-on-demand-data-in-GridView-on-scroll-using-ASPNet-and-jQuery-AJAX.aspx[^]

Which Work Fine when i bind Simple Grid view or dataList,
(Simple means bind only text field not images and not apply costom css design)

but if my grid view have image and some other control like ratting,graph and so on,
then how i bind them,

The working of above link is that:
1. it bind intial 10 record to grid view,
2.after scroll, he use webservice for call bind method and bind all rows using java script,

in java script he define every row, and bind them,like this:

var row = $("[id$=gvCustomers] tr").eq(0).clone(true);
            $(".name", row).html(customer.find("ContactName").text());
            $(".city", row).html(customer.find("City").text());
            $(".postal", row).html(customer.find("PostalCode").text());
            $(".country", row).html(customer.find("Country").text());
            $("[id$=gvCustomers]").append(row);

this java script code only define text column,if i have image control,then how i bind that image,

and if i have custom design on every row,then how i maintain them,

plz help mee