also try this code....
.aspx file as follow
<head runat="server">
<title>continuous scrolling images</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body {
background-image:url(images/bodyBg.jpg);
background-color:#006;
}
#container {
position:relative;
width:424px;
height:106px;
overflow:hidden;
border:5px double #000;
background-color:#fff;
margin:100px auto 0 auto;
}
#div1 {
position:absolute;
left:0px;
top:0px;
width:424px;
height:106px;
}
#div2 {
position:absolute;
left:424px;
top:0px;
width:424px;
height:106px;
}
img {
border:1px solid #000;
margin:2px;
float:left;
}
</style>
<script type="text/javascript">
var m=0;
var n=424;
var speed=20;
function scrollPics() {
document.getElementById('div1').style.left=m+'px';
m--;
n--;
if(m==-424) {
m=0;
}
if(n==-424) {
n=424;
}
setTimeout('scrollPics()',speed);
}
window.onload=function() {
scrollPics();
}
</script>
</meta></head>
<body>
<div id="container">
<div id="div1">
<asp:datalist id="dtlist" runat="server" repeatcolumns="8" cellpadding="5" xmlns:asp="#unknown">
<itemtemplate>
<div><asp:hyperlink id="HyperLink1" class="preview" tooltip="<%#Bind("Name") %>" navigateurl="<%# Bind("Name", "~/Images/{0}") %>" runat="server">
<asp:image width="100" id="Image1" imageurl="<%# Bind("Name", "~/Images/{0}") %>" runat="server" />
</asp:hyperlink></div>
</itemtemplate>
<itemstyle bordercolor="Brown" borderstyle="Solid" borderwidth="3px" horizontalalign="Center">
VerticalAlign="Bottom" />
</itemstyle></asp:datalist>
</div>
</div>
</body>
.................
in .cs file bind datalist or ur repeater control...