背景图像EVAL

我使用DataList显示缩略图，我该如何使用与eval背景图像EVAL

此代码给我的服务器标签不能很好地形成错误的背景图像的URL。

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

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

     </ItemTemplate> 
</asp:DataList>

来源

2013-02-21 Cihan Behen

根据你的意见，你可能只是想用的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内。

来源

2013-02-21 20:49:20 MikeSmithDev

感谢您的回答。它现在有效。 – 2013-02-21 21:36:26

为什么不使用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>

来源

2013-02-21 20:20:26

...这将是'ImageUrl ='<％＃Eval（“featuredImagesSmall”）％>''或类似的东西。你有引号的方式会导致相同的错误。 – MikeSmithDev 2013-02-21 20:39:13

我使用imageurl但图像不是相同的高度和宽度。对于较高的图像，我试图显示图像的中心，所以我听说使用背景图像和一些css为此。 – 2013-02-21 20:42:55

@MikeSmithDev你对报价是正确的。当我写出答案时，我错过了。感谢您的支持。 – 2013-02-22 18:39:43

回答

相关问题