ASP.NET使用图像，而不是超链接 [英] ASP.NET Using Images instead HyperLinks

问题描述

我有一个叫aspx页面 bookscategory.aspx 此标记：

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：

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页面上我有一本书图片：

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

一切工作正常与 ASP：超链接 -s，而是我想用影像

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

我读的C＃和VB开始ASP.NET 4.5，在这里你可以看到所有的评论 http://aspnet45.planetwrox.com/Reviews/All.aspx 。我想用图片来代替链接。

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.

推荐答案

超链接控制已经提供了这种capabilty - 它有<一个href=\"http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.hyperlink.imageurl%28v=vs.110%29.aspx\"相对=nofollow>的ImageUrl 属性，当此设置，超链接显示为图像：

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

这篇关于ASP.NET使用图像，而不是超链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！