背景图片EVAL(background-image eval)

我使用DataList来显示缩略图，我该如何使用背景图片的URL与eval

此代码给我的服务器标记的格式不正确的错误。

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

根据你的意见，你可能只是想用一个div来代替<asp:Image （其呈现为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>

我只是把股利任意的高度和宽度，但将确保所有的缩略图的大小相同。 您可以使用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>

文章来源: background-image eval