Yes, it probably better to use a listview (my favorte), but say lets use a grid view.

We have this grid view with some columns, and a image button:

eg this:

    <div style="padding:30px;width:50%">

            <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" 
                DataKeyNames="ID" CssClass="table" >
                <Columns>
                    <asp:BoundField DataField="Fighter" HeaderText="Fighter"  />
                    <asp:BoundField DataField="Engine" HeaderText="Engine"  />
                    <asp:BoundField DataField="Thrust" HeaderText="Thrust"  />
                    <asp:BoundField DataField="Description" HeaderText="Description" />

                    <asp:TemplateField HeaderText="View">
                        <ItemTemplate>
                        <asp:ImageButton ID="btnImage" runat="server" Height="68px" Width="149px"
                            OnClientClick ="popimage(this);return false"
                            ImageUrl = '<%# Eval("ImagePath") %>' /> 
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
    </div>

Now our data is this:

And code to load is this:

    protected void Page_Load(object sender, EventArgs e)
    {
        if (!IsPostBack)
            LoadGrid();
    }

    void LoadGrid()
    {
        using (SqlConnection conn = new SqlConnection(Properties.Settings.Default.TEST4))
        {
            using (SqlCommand cmdSQL = new SqlCommand("SELECT * from Fighters", conn))
            {
                conn.Open();
                DataTable rstData = new DataTable();
                rstData.Load(cmdSQL.ExecuteReader());
                GridView1.DataSource = rstData;
                GridView1.DataBind();
            }
        }
    }

And now we have this:

Now, I have jQuery, but we COULD add some code to click on a image, and dispay it say in a popup – much larger.

So on the image button, we have a click event. We stuff the given row click (url) in to a MUCH larger image control we have hidden on the page, and then call jQuery.UI "dialog’ to display that image in a dialog.

So, lets add the click event – and WE CAN do this 100% client side!!

So, we add a div to hold the image, and this code:

                <div id="imagepop" style="display:none;text-align:center;height:80%">
                    <asp:Image ID="Image1" runat="server" ClientIDMode="Static"
                    style="height:96%"/>
                </div>

            <script>
                function popimage(btn) {
                    FromImage = $(btn)
                    ToImage = $("#Image1")
                    ToImage.attr("src", FromImage.attr("src"))

                    pHeight = ($(window).height() * 0.96)
                    pWidth = ($(window).width() * 0.80)

                    myDialog = $("#imagepop");                    
                    myDialog.dialog({
                        title: "Fighter",
                        modal: true,
                        height: pHeight,
                        width: pWidth,
                        closeText: "",
                        show : "fade",
                        buttons: {

                            Ok: function () {
                                myDialog.dialog("close")
                            }
                        }
                    })
                }
            </script>

So, now I click on the image in the row, and we have this:

So, use a grid or listview – even a repeater. Place one image control, and repeat it for the many pictures you want to display.

Fyi: I assume both jquery and jquery.ui for the dialog pop up.

Edit: click on image button – show image in button

So for image button click event, then this:

protected void OnImageHeaderClick(object sender, ImageClickEventArgs e)
{

    HEADERLOGO.ImageUrl = 
       Server.MapPath("../Monitas/Images/FooterLogo.png"); // use another image 
}