填充從後面

Question

代碼的JavaScript庫，我有以下畫廊 -

<div class="content"> 
    <div id="myGallery"> 
     <div class="imageElement"> 
      <h3>IMAGE 1</h3> 
      <p></p> 
      <a href="#" title="open image" class="open"></a> 
      <img src="image1.jpg" class="full" /> 
      <img src="image.jpg" class="thumbnail" /> 
     </div> 
     <div class="imageElement"> 
      <h3>IMAGE 2</h3> 
      <p></p> 
      <a href="#" title="open image" class="open"></a> 
      <img src="image2.jpg" class="full" /> 
      <img src="image2.jpg" class="thumbnail" /> 
     </div> 
    </div> 
</div> 

這工作得很好，當圖像被硬編碼像上面，正從一個文件夾中讀取。

但是我希望從後面的代碼中填充圖片庫，但我沒有存儲圖片，但是來自網址。像 - www.fooBar.com/image1.png，一旦這個檢索，然後把它推入畫廊？

我曾嘗試以下 -

設置<div id="myGallery" id="testHtml">

然後在後面的代碼 -

testHtml.innerHTML = // built html with image src = url etc 

然而，這只是呈現的圖像，而不把它變成了畫廊本身。

Answer 1

的方法對皮膚這隻貓不缺，但一個方法是創建一個文本像這樣的：

<div id="myGallery"> 
    <asp:Literal id="ltrImages" runat="server" /> 
</div> 

在你的代碼隱藏

然後：

var imageElement @"<div class=""imageElement""> 
     <h3>{0}</h3> 
     <p></p> 
     <a href=""#"" title=""open image"" class=""open""></a> 
     <img src=""{1}"" class=""full"" /> 
     <img src=""{1}"" class=""thumbnail"" /> 
    </div>"; 

    StringBuilder sb = new StringBuilder(); 

//Presuming you have your images in some kind of collection called "images" 
for(var image in images){ 
     sb.Append(String.Format(imageElement, image.title, image.src)); 
} 

ltrImages.Text = sb.ToString(); 

Answer 2

<asp:Panel>有一個名爲Controls的屬性，您可以使用它來添加您的<div class="imageElement">容器，圖像，標題和更多。

看到這裏如何添加一個項目：http://msdn.microsoft.com/en-us/library/kyt0fzt1(v=vs.110).aspx

在這裏看到如何創建自定義標籤：http://msdn.microsoft.com/en-us/library/5f8y80ez(v=vs.110).aspx