Question

how can i dynamically display my images coming from database? I’ll be using a the image inside a list

<ul>
   <li>
      <asp:Image id="image1" runat="server" ImageUrl=""/>
   </li>
</ul>

I’m using C# on my code behind. I already created a method to display images but i dont know how can i use my method inside the list and in the image control. Do i need to use repeater to achieve this? What i want to happen is to repeat the list as many as the numbers of my images in my database.

Answer 1

A Repeater is definitely your best solution. This is how you’d set it up:

<asp:Repeater runat="server" ID="Repeater">
    <HeaderTemplate>
       <ul>
    </HeaderTemplate>
    <ItemTemplate>
        <li>
            <asp:Image id="image1" runat="server" 
                ImageUrl='<%# DataBinder.Eval(Container.DataItem, "Image") %>' />
        <li>
    </ItemTemplate>
    <FooterTemplate>
        </ul>
    </FooterTemplate>
</asp:Repeater>

Then all you need to do is assign the DataSource and the Repeater will handle the rest:

DataTable databaseResults = GetYourImages();
Repeater.DataSource = databaseResults;
Repeater.DataBind();