¿Cómo generar listas desordenadas dinámicamente en asp.net?

Question

Quiero generar una lista desordenada que contiene una etiqueta para mostrar imágenes en mi base de datos, echo un vistazo a la lista con viñetas, pero no funciona con la imagen. ¿Cómo puedo generarlo dinámicamente a partir de los resultados en una base de datos, por ejemplo, si tengo 6 imágenes en la base de datos, entonces quiero que la lista que genera se vea así?

<ul id=""> 

    <li><img src="Resources/img14.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img15.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img17.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img2.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img5.jpg" alt="" title=""/></li> 

    <li><img src="Resources/img3.jpg" alt="" title=""/></li> 

</ul> 

estructura de tabla

User Name nvarchar(50)  
Pic Path nvarchar(MAX) 

Answer 1

Por lo que intenta lograr, sería mejor y más fácil simplemente usar un control <asp:ListView>.

Hay un buen tutorial aquí en cómo usarlo, y más o menos similar a lo que está haciendo http://weblogs.asp.net/scottgu/archive/2007/08/10/the-asp-listview-control-part-1-building-a-product-listing-page-with-clean-css-ui.aspx

Básicamente sería implicar que la creación de un <asp:ListView> de control similares;

<asp:ListView ID="ListView1" runat="server"> 
    <LayoutTemplate> 
     <ul> 
      <asp:PlaceHolder ID="itemPlaceholder" runat="server" />  
     </ul>     
    </LayoutTemplate> 
    <ItemTemplate> 
     <li> 
      <img src='<%#Eval("PicPath")%>' alt='<%#Eval("UserName")%>' /> 
     </li> 
    </ItemTemplate> 
    <EmptyDataTemplate> 
     <p>Nothing here.</p> 
    </EmptyDataTemplate> 
</asp:ListView> 

Luego vinculando sus datos a la misma.

this.ListView1.DataSource = YourDataSource; 
this.ListView1.DataBind(); 

Answer 2

supongo que su fuente de datos es un DataSet ds que tiene un DataTable y una picpath campo, entonces se puede escribir la iteración directa en aspx

<ul id=""> 
    <% foreach (DataRow dr in ds.Tables[0].Rows) { %> 

     <li><img src="<% dr[\"picpath\"].ToString() %>" alt="" title=""/></li> 

    <% } %> 
</ul> 

Para hazlo al lado del servidor, mira la respuesta aceptada en el siguiente enlace ver la respuesta aceptada en el siguiente enlace Rendering an unordered list using asp.net