以CSS樣式顯示從數據庫檢索到的圖像列表

我是ASP.NET的新手，我無法找到解決方案來顯示從數據庫中檢索到的圖像作爲列表與CSS樣式。我發現了幾個解決方案，例如使用DataList，DataGrid，Repeater等，但它們都以表格單元格顯示圖像，並且間距隨獲取圖像的數量而動態變化。所以我想知道是否有任何方法在ASP.NET圖像控件中顯示圖像以及CSS樣式（例如，如何處理PHP，我知道聽起來有多奇怪）。或者無論如何要將它們整齊地顯示在固定列中？我在這裏是一個假人，所以請善待我，幫助我。任何建議表示讚賞。以CSS樣式顯示從數據庫檢索到的圖像列表

來源

2012-06-02 friedegg-bacon-sandwich

你可以寫你自己的網絡定製cotrol /用戶控制和使用樣式/ CSS像PHP或他人的方式呈現圖像。你所要做的就是重寫渲染事件。你也可以使用文字控制。另一種選擇是將項目模板添加到數據網格並顯示圖像。最後，我建議首先使用HTML CSS進行工作，一旦你確定了這些圖像，就會列出你的一些圖像，然後以其中一種方式實現。最後，您必須呈現您在示例HTML文件中創建的HTML標記。 –

如果您正在使用WebForms和要堅持與.NET控件，看看ListView

來源

2012-06-02 08:57:38

感謝您的詳細教程，我會試試看。 –

有很多方法可以做到這一點。

您可以製作一個簡單的foreach循環，您可以簡單地渲染圖像並顯示結果。無需使用其他控件。我把圖片放在li裏面，因爲你可以用簡單的css風格將它們渲染成表格。

List<string> lMyImages = new List<string>(); 
StringBuilder sRenderOnMe = new StringBuilder(); 

foreach(var OneImg in lMyImages) 
    sRenderOnMe.AppendFormat("<li><img src=\"{0}\"></li>", OneImg); 

OneLiteral.Text = sRenderOnMe.ToString():

你也可以使用asp:Repeater，你可以在裏面渲染自己喜歡的東西。如何：http://msdn.microsoft.com/en-us/magazine/cc163780.aspx

<asp:Repeater runat="server" id="Repeater1"> 
    <itemtemplate> 
     <li><img src="<%# DataBinder.Eval(Container.DataItem, "ImgSrc") %>"></li> 
    </itemtemplate> 
</asp:Repeater>

可以覆蓋DataList和爲你的div，怎麼樣使它：How To Override Datalist To Be Rendered Into Divs Instead Of Table?

定製CSS：下面是使用<li>可以渲染出動態圖像的方式表：http://mirificampress.com/permalink/the_amazing_li

來源

2012-06-02 09:02:01 Aristos

直放站不會創建任何表，除非使用像這樣，你可以風格化與CSS可能會幫助你。

<ul> 
    <asp:Repeater ID="rptr" runat="server"> 
     <ItemTemplate> 
      <li> 
       <ContentTemplate> 
        <asp:Image ID="lnk" runat="server">/asp:LinkButton>| 
       </ContentTemplate> 
      </li> 
     </ItemTemplate> 
    </asp:Repeater> 
</ul>

來源

2012-06-02 09:04:29 Sam

以CSS樣式顯示從數據庫檢索到的圖像列表

回答

相關問題