Use jquery in Datalist

See more:

ASP.NET

jQuery

datalist

Hi I created a slider with Asp.net datalist!
And I want to use jquery effects when the page changes!
http://8pic.ir/images/jvfvjngi8f5r3kb02m8y.jpg[^]
Demo:http://jdas.ac.ir/[^]

Asp.net:

<div class="btnvideoreport">
        <asp:LinkButton ID="LinkButton2" runat="server" Width="3px" Height="50px" CssClass="btn"
            OnClick="LinkButton2_Click">
                   <div style="float:right; padding-removed13px;"></div>
    
        </asp:LinkButton>
    </div>
    <div style="float: left">
        <asp:DataList ID="DataList1" runat="server" RepeatColumns="3" RepeatDirection="Horizontal">
            <ItemTemplate>
                <div style="width: 210px; height: 150px">
                    <div style="removed: absolute; removed 15px; height: 30px; width: 150px;">
                        <asp:Label ID="Label1" Style="opacity: 0.7; text-align: center; padding-top: 10px;"
                            runat="server" Text='Country,City' BackColor="#E67E22" Width="200" ForeColor="White"
                            Height="30"></asp:Label>
                    </div>
                    <asp:Image ID="Image1" runat="server" ImageUrl='<%#Eval("name","~/img/{0}")%>' Width="200"
                        Height="140" />
                </div>
            </ItemTemplate>
        </asp:DataList>
    </div>
    <div class="btnvideoreport2">
        <asp:LinkButton ID="LinkButton1" runat="server" Width="3px" Height="50px" CssClass="btn"
            OnClick="LinkButton1_Click"> 
                    <div style="float:left; padding-removed13px;"></div>
                    
        </asp:LinkButton>
    </div>

C#:
<code>
<pre lang="c#">
PagedDataSource pds = new PagedDataSource();
        protected void Page_Load(object sender, EventArgs e)
        {

           
            GetFile();
        }
        public int CurrentPage
        {
            get
            {
                if (this.ViewState["CurrentPage"] == null)
                    return 0;
                else
                    return Convert.ToInt16(this.ViewState["CurrentPage"].ToString());
            }
            set
            {
                this.ViewState["CurrentPage"] = value;
            }
        }
        

        void GetFile()
        {
            string path = Server.MapPath("~/img/");
            DirectoryInfo folderImg = new DirectoryInfo(path);
            List<FileInfo> filelist = folderImg.GetFiles("*.jpg").ToList();

           
           
            DataList1.DataSource = filelist.ToList();
            DataList1.DataBind();
            pds.DataSource = filelist.ToList();
            pds.AllowPaging = true;
            pds.PageSize = 3;
            pds.CurrentPageIndex = CurrentPage;
            LinkButton1.Enabled = !(pds.IsLastPage);
            LinkButton2.Enabled = !(pds.IsFirstPage);

            DataList1.DataSource = pds;
            DataList1.DataBind();
            doPaging();

        }
        protected void LinkButton2_Click(object sender, EventArgs e)
        {
            CurrentPage--;
            GetFile();
        }

        protected void LinkButton1_Click(object sender, EventArgs e)
        {
            CurrentPage++;
            GetFile();
        }
        private void doPaging()
        {
            DataTable dt = new DataTable();
            dt.Columns.Add("PageIndex");
            dt.Columns.Add("PageText");
            for (int i = 0; i < pds.PageCount; i++)
            {
                DataRow dr = dt.NewRow();
                dr[0] = i;
                dr[1] = i + 1;
                dt.Rows.Add(dr);
            }

        }



        
    }