背景圖像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

回答

相關問題