ASP.NET使用图像代替HyperLinks

Question

I have a aspx page called bookscategory.aspx with this markup:

<asp:Repeater ID="Repeater1" runat="server">
    <HeaderTemplate>
        <p>Books list</p>
    </HeaderTemplate>
    <ItemTemplate>
        <h3><asp:Literal ID="Literal1" runat="server" Text='<%# Eval("Category") %>'></asp:Literal></h3>
        <asp:Repeater ID="Repeater1" runat="server" DataSource='<%# Eval("Reviews") %>' ItemType="ELibraryModel.Review">
            <ItemTemplate>
                <asp:HyperLink ID="HyperLink1" runat="server" Text='<%# Item.Title%>' NavigateUrl='<%# "../books/bookdetails.aspx?bookId=" + Item.Id.ToString() %>'>
                </asp:HyperLink><br />
            </ItemTemplate>
        </asp:Repeater>
    </ItemTemplate>
</asp:Repeater>

Code behind:

using (ELibraryEntities entities = new ELibraryEntities())
{
    var allbooks = from books in entities.Books.Include("Reviews")
                         orderby books.Category
                         select new { books.Category, books.Reviews};
    Repeater1.DataSource = allbooks;
    Repeater1.DataBind();
}

Now on my Default.aspx page I have a book image:

<div class="prod_img">
   <img src="../Images/asp.net_image.jpg" alt="" title="" border="0" /></a>
</div>

<div class="box_center">
        <div class="prod_title">ASP.NET Book</div>
            <p class="details">ASP.NET Book.</p>
            <a href="bookscategory.aspx" class="more">- read more -</a>
        <div class="clear"></div>
</div>

Finally, when I click on this image I want to navigate to that exact review:

NavigateUrl='<%# "../books/bookdetails.aspx?ReviewId=" + Item.Id.ToString()

Everything works fine with asp:HyperLink -s but instead I want to use images.

I'm reading Beginning ASP.NET 4.5 in C# and VB and here you can see all reviews http://aspnet45.planetwrox.com/Reviews/All.aspx . I want to use Images instead HyperLinks.

Answer 1

HyperLink control already provides this capabilty - it has ImageUrl property, and when this is set, HyperLink appears as an image:

<asp:HyperLink runat="server" ID="HyperLink1"
               NavigateUrl='<%# "../books/bookdetails.aspx?ReviewId=" + Item.Id.ToString() %>'
               ImageUrl="~/url/to/image" />