Question

Inside my application I’m generating some images inside hyperlink controls that opens up the image in full size. I have a image control at the top of the page where I want the clicked image to be displayed, but with the code I have that doesn’t work.

What happens is that the clicked image is opened on a new page, so what I wonder is how to make the image appear in the image control?

<asp:Image ID="fullSizeImage" runat="server" />

<asp:HyperLink ID="link" runat="server" NavigateUrl='<%# Eval("Name", "...directory...") %>' >
    <asp:Image ID="Image" runat="server" ImageUrl='<%# Eval("Name", "...directory...") %>' CssClass="thumb" />
</asp:HyperLink>

Thanks in advance.

Answer 1

You can do something like this:

<script runat="server">
    protected void thumbImage_Click(object sender, ImageClickEventArgs e)
    {
        fullSizeImage.ImageUrl = "full size image path goes here";
    }
</script>

<asp:Image ID="fullSizeImage" runat="server" />
<asp:ImageButton ID="thumbImage" runat="server" ImageUrl="image path goes here" onclick="thumbImage_Click" />