asp.net - 背景图像评估

Question

我DataList用来显示缩略图，如何使用背景图片 urleval

这段代码给了我服务器标签格式不正确的错误。

<asp:DataList ID="DataListPortfolio" runat="server" RepeatColumns="3">
        <ItemTemplate>

<asp:Image ID="ImageButton1" runat="server" 
           style="background-image: url('<%#Eval("featuredImagesSmall")%>');" />

        </ItemTemplate>
</asp:DataList>

Answer 1

根据您的评论，您可能只想使用 adiv而不是<asp:Image（呈现为 a img），以实现无论图像大小如何都大小相同的缩略图：

<asp:DataList ID="DataListPortfolio" runat="server" RepeatColumns="3">
    <ItemTemplate>
        <div style='width:100px;height:100px;background-position:center;background-image:url(<%# Eval("featuredImagesSmall") %>)'></div>
    </ItemTemplate>
</asp:DataList>

我只是在 div 上放置了任意高度和宽度，但这将确保所有缩略图的大小相同。您可以使用 CSS 将图像定位在 div 内。

Answer 2

为什么不使用 ASP.NET Image 控件的 ImageUrl 属性？像这样的东西：

<asp:DataList ID="DataListPortfolio" runat="server" RepeatColumns="3">
        <ItemTemplate>

<asp:Image ID="ImageButton1" runat="server" ImageUrl='<%# Eval("featuredImagesSmall")%>' />

        </ItemTemplate>
</asp:DataList>