0

サムネイルを表示するために使用DataListしていますが、background-imageurlをどのように使用できますか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>
4

2 に答える 2

1

あなたのコメントによると、画像サイズに関係なくすべて同じサイズのサムネイルを実現するために、(としてレンダリングされる)のdiv代わりに使用したい場合があります。<asp:Imageimg

<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-21T20:49:20.557 に答える
0

ASP.NETイメージコントロールのImageUrlプロパティを使用してみませんか?このようなもの:

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

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

        </ItemTemplate>
</asp:DataList>
于 2013-02-21T20:20:26.180 に答える