Question

我正在使用DataList来显示缩略图，如何使用带有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>

我只是在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>

背景图像评估

2 个答案: