使用图像而不是HyperLinks的ASP.NET

Question

我有一个名为bookscategory.aspx的aspx页面，其中包含以下标记：

<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>

代码隐藏：

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();
}

现在在我的Default.aspx页面上，我有一本书的图片：

<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>

最后，当我点击这张图片时，我想导航到确切的评论：

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

使用asp:HyperLink-s一切都很好，但我想使用图像。

我正在阅读C#和VB的开始ASP.NET 4.5，在这里你可以看到所有的评论http://aspnet45.planetwrox.com/Reviews/All.aspx。我想使用图像而不是HyperLinks。

Answer 1

HyperLink控件已经提供了此功能-它具有ImageUrl属性，当设置此属性时，HyperLink将显示为图像：

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