Hi kats9993,

Refer below article

Implement Image Slider using jQuery in ASP.Net

In pageLoad event following code was important to write..because if i am adding image in database at every time it is requierd to write image path in pageload.

Hi kats9993,

In article they have used sample records for displaying the jquery image slider so instead of binding datatable to your repeater you need to bind the image details from your database to data table and then bind that data table to your repeater.

sir, 

How to bind database to datatable for repeater control.plz explain me with example..

thank u.

Hi kats9993,

I have created a sample which full fill your requirement you need to modify the code according to your requirement.

SQL

CREATE TABLE [Images](
[Id] [int] IDENTITY(1,1) ,
[Name] [varchar](30) NOT NULL,
[Url] [nvarchar](200) NOT NULL    
)
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 714', N'http://farm3.staticflickr.com/2854/10380193164_9b65e4c5ed_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 707', N'http://farm8.staticflickr.com/7395/10380186284_4f9ac522ed_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 716', N'http://farm8.staticflickr.com/7424/10380408813_3cd984570d_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Blue Columbine', N'http://farm4.staticflickr.com/3723/8986453414_a869ddc3aa_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'1 January 2012 007', N'http://farm8.staticflickr.com/7130/6885958326_ecbb33e962_n.jpg',)
INSERT [Images] ([Name], [Url]) VALUES (N'1 January 2012 001', N'http://farm8.staticflickr.com/7051/7032054587_5f15e32a10_n.jpg',)
INSERT [Images] ([Name], [Url]) VALUES (N'1 January 2012 013', N'http://farm8.staticflickr.com/7228/6885959482_670fb32b58_n.jpg',)
INSERT [Images] ([Name], [Url]) VALUES (N'1 January 2012 017', N'http://farm8.staticflickr.com/7120/7032057469_ce0c1620d4_n.jpg',)
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 065', N'http://farm3.staticflickr.com/2828/10379529486_7abd3b99ef_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 053', N'http://farm4.staticflickr.com/3723/10379498815_2acedf4c6c_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 595', N'http://farm8.staticflickr.com/7397/10379841244_ec8c68ccc4_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 227', N'http://farm6.staticflickr.com/5528/10379655586_2a95e5f127_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 192', N'http://farm3.staticflickr.com/2837/10379605235_5e95702e08_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 249', N'http://farm3.staticflickr.com/2820/10379652095_983088cf4c_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 254', N'http://farm8.staticflickr.com/7380/10379642624_89b111ef11_n.jpg')
INSERT [Images] ([Name], [Url]) VALUES (N'Fall 525', N'http://farm8.staticflickr.com/7460/10379808224_336a427151_n.jpg')

HTML

<div>
    <ul id="mycarousel" class="jcarousel-skin-tango">
        <asp:Repeater ID="rptImages" runat="server">
            <ItemTemplate>
                <li>
                    <img alt="" style='height: 75px; width: 75px' src='<%# Eval("Url") %>' />
                </li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>
</div>
<div>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jcarousel/0.2.8/jquery.jcarousel.min.js"></script>
    <link href="http://cdn.jsdelivr.net/jcarousel/0.2.8/skins/tango/skin.css" rel="Stylesheet" />
    <script type="text/javascript">
        $(function () {
            $('[id*=mycarousel]').jcarousel({
                auto: 2
            });
        });
    </script>
</div>

C#

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        rptImages.DataSource = BindRepeater();
        rptImages.DataBind();
    }
}

private DataTable BindRepeater()
{
    DataTable dt = new DataTable();
    string constr = ConfigurationManager.ConnectionStrings["constr"].ConnectionString;
    using (SqlConnection con = new SqlConnection(constr))
    {
        string query = @"SELECT [Url] FROM [Images]";
        using (SqlCommand cmd = new SqlCommand(query, con))
        {
            SqlDataAdapter sda = new SqlDataAdapter(cmd);
            sda.Fill(dt);
        }
    }
    return dt;
}

VB.Net

Protected Sub Page_Load(sender As Object, e As EventArgs)
	If Not IsPostBack Then
		rptImages.DataSource = BindRepeater()
		rptImages.DataBind()
	End If
End Sub

Private Function BindRepeater() As DataTable
	Dim dt As New DataTable()
	Dim constr As String = ConfigurationManager.ConnectionStrings("constr").ConnectionString
	Using con As New SqlConnection(constr)
		Dim query As String = "SELECT [Url] FROM [Images]"
		Using cmd As New SqlCommand(query, con)
			Dim sda As New SqlDataAdapter(cmd)
			sda.Fill(dt)
		End Using
	End Using
	Return dt
End Function

ScreenShot