テキストがサムネイル

Question

サムネイルに価格（テキスト）を入力する必要があります。私は作品次のコード..

CSS

.col-md-4 { 
    display: table; 
} 

.thumbnail{ 
    position:relative; 
} 

.thumbnail img{ 
    max-width:100%; 
} 

.thumbnail h1{ 
    position:absolute; 
    top:50%; 
    left:0; 
    color:lightgrey; 
    width:100%; 
    text-align:center; 
    transform:translateY(-50%); /* doesn't work in IE9 and older I'm affraid */ 
    margin:0; 
} 

ASP.NETしかし

<div class="col-md-4"> 
    <div class="thumbnail"> 
     <img src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Nail(thumb).jpg"> 
     <h1>Hello</h1> 
    </div> 
</div> 

を見つけ、私がしようと、次の複雑なコード行に上記を統合したいと私開始する手がかりがない（それは私のために書かれた）。ここに行があります..

Dim liByLiteral As New LiteralControl("<li><a href='http://images.example.com/" & filenameAndPrice(0) & "' class=""nyroModal"" rel=""gal" & DataBinder.Eval(e.Item.DataItem, "accountID").ToString & """ title=""" & filenameAndPrice(2) & " - PRICE: £" & filenameAndPrice(4) & """ onclick=""openImage('" & filenameAndPrice(1) & "', '" & txtItem.ClientID & "', '" & filenameAndPrice(0) & "');""><img class='lazy" & opacity & "' data-src='http://images.example.com/thumbnails/" & filenameAndPrice(0) & "' height='120' width='120' src='./files/images/loader.png' /></a></li>") 

filenameAndPrice（4）は商品の価格です。私はそれがNyromodalタイトルに追加されて満足していますが、同様にサムネイル画像上に表示する必要があります。どんな助けでも本当に感謝しています。

Answer 1

runat server属性を追加して、HTMLコントロールにIDを渡します。

<div class="col-md-4"> 
     <div class="thumbnail"> 
      <img runat="server" id="tmdiv" src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Nail(thumb).jpg"> 
      <h1 runat="server" id="myheaderid" >Hello</h1> 
     </div> 
    </div> 

サーバーでは、これらのサーバーにアクセスでき、任意のhtml属性を追加できます。 が好きです。

myheaderid.InnerHtml= liByLiteral 
    tmdiv.atrributes.add("title", filenameAndPrice(4))