how to bind datalist in asp.net c# to show image gallery

<asp:DataList ID="dtlist" runat="server" ForeColor="#333333" RepeatColumns="5">
<%-- <AlternatingItemStyle BackColor="White" ForeColor="#284775" />
          <FooterStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />
          <HeaderStyle BackColor="#5D7B9D" Font-Bold="True" ForeColor="White" />--%>
          <ItemStyle BackColor="#F7F6F3" ForeColor="#333333" HorizontalAlign="Left"/>
             <ItemTemplate>
             <ul class="thumbs noscript">

                 <li>
                  <a class="thumb" href='<%# Eval("Name","images/portfolio_one/{0}")%>'>
                             <img src='<%# Eval("Name","images/portfolio_one/{0}")%>' width="80" height="90" alt='<%# Eval("Name") %>'/>
                           </a>
                   </li>
             </ul>
                   </ItemTemplate>
                      
             <SelectedItemStyle BackColor="#E2DED6" Font-Bold="True" ForeColor="#333333" /></asp:DataList>

protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
        {
            BindDataList();
        }
    }
    protected void BindDataList()
    {
        DirectoryInfo dir = new DirectoryInfo(MapPath("images/portfolio_one/"));
        FileInfo[] files = dir.GetFiles();
        ArrayList listItems = new ArrayList();
        foreach (FileInfo info in files)
        {
            listItems.Add(info);
        }
        dtlist.DataSource = listItems;
        dtlist.DataBind();

    
    }