在asp.net中設置從服務器端div div data-src url

我想知道有沒有什麼辦法從服務器端將HTML分配給data-src中的div，因爲我從asp.net中的數據庫獲取圖像？就像在給定的代碼中有2 div的屬性data-src一樣。現在我想從服務器端分配這些圖像作爲從數據庫中獲取的圖像。在asp.net中設置從服務器端div div data-src url

 <div data-src="eventcss/images/slide.jpg"> 
      <div class="caption fadeIn"> 
       <h2>Cricket</h2> 
       <div class="price" > 
        FROM 
        <span>10 am</span> 
       </div> 
       <a href="#">See Details</a> 
      </div> 
     </div> 
     <div id="checkdiv" runat="server"> 
      <div class="caption fadeIn"> 
       <h2>Football</h2> 
       <div class="price"> 
        FROM 
        <span>2 pm</span> 
       </div> 
       <a href="#">See Details</a> 
      </div> 
     </div>

我試圖在google上找到解決方案。但沒有發現相關的材料。如果有人指導我的話，對我來說這將非常有幫助。謝謝

來源

2016-08-27 Waleed Manzoor

您可以通過使用客戶端腳本或在服務器端構建您的HTML。 – Oluwafemi

@Oluwafemi，你可以在第二個'div'中看到我嘗試使它成爲'runat =「server」'。但'data-src'屬性不可訪問。 –

您可以在代碼背後創建幾個屬性，然後從設計中調用它們來填充data-src屬性。背後

代碼：

public string Div1 { get; set; } 
public string Div2 { get; set; } 

protected void Page_Load(object sender, EventArgs e) 
{ 
    Div1 = "eventcss/images/slide.jpg"; 
    Div2 = "eventcss/images/slide2.jpg"; 
}

.ASPX：

<div id="div1" data-src='<%: Div1 %>'> 
</div> 
<div id="div2" data-src='<%: Div2 %>'> 
</div>

輸出：

來源

2016-08-28 08:03:49

此解決方案不適合我。 –

你是否像我一樣複製代碼？什麼是不工作？一個div不是圖像，它不會將div的背景設置爲正在傳遞的圖像，設置'data-src'將會簡單地設置src屬性TEXT到你通過的值 –

它傳遞字符串的值，但帶有單引號，就像這個''eventcss/images/slide.jpg''，其中所需的字符串用雙引號'「eventcss/images /slide.jpg「' –

在asp.net中設置從服務器端div div data-src url

回答

相關問題