Görüntüyü Görüntü kontrolu içine ekleme (ASP.Net)

Question

Formumun içinde bir görüntü kullanıcı tarafından yüklendiğinde görüntüleri otomatik olarak görüntülemek için kullandığım bir Datalist var. İşte

gösteren görüntüler için benim Default.aspx geçerli:

<asp:DataList Width="100%" ID="imgDataList" runat="server" RepeatColumns="4" CellPadding="10"> 
    <ItemTemplate> 
     <table runat="server" id="tblImgList" border="1" width="100%"> 
      <tr> 
       <td align="center"> 
        <a id="Link1" runat="server" href='<%# Eval("Value") %>' target="Default.aspx"> 
         <asp:Image ID="imgDisp" ImageUrl='<%# Eval("Value") %>' runat="server" style="height :200px ; width :200px ;" /> 
        </a> 
       </td> 
      </tr> 
      <tr> 
       <td align="center"> 
        <%# Eval("Text") %> 
       </td> 
      </tr> 
     </table> 
    </ItemTemplate> 
</asp:DataList> 

Image kontrol için, zaten bu yüzden gergin görüntülenen her görüntüleri 200px uyacak şekilde yükseklik ve 200px genişliği ayarlanır ve değil baktım Güzel. Resme orijinal görüntüsüyle kalacak şekilde nasıl görüntüleyebilirim? Winsform ise, resmi ayarlamak için Sizemode özelliğini kullanın. Web form application kullanılıyorsa nasıl ayarlarım?

Answer 1

Benim yorumumdan, görüntü her zaman gerilmeyecek şekilde px yerine Yüzde'yi kullanmak her zaman daha iyidir.

CSS:

img { 
    max-width: 100%; 
    height: auto; 
    width: auto\9; /* ie8 -because of Bug in ie8 need to give widht the following way */ 
} 

Ve görüntünün sabit maksimum genişlik uygulamak istiyorsanız, sadece örneğin bir kabın içine yerleştirin:

<a style="max-width:500px;"> 
    <asp:img src="..." /> 
</a>