Freigeben über

HtmlImage.Height Eigenschaft

Definition

Namespace:
System.Web.UI.HtmlControls
Assembly:
System.Web.dll

Ruft die Höhe des Bilds ab oder legt sie fest.

public:
 property int Height { int get(); void set(int value); };
public int Height { get; set; }
member this.Height : int with get, set
Public Property Height As Integer

Eigenschaftswert

Int32

Die Höhe des Bilds.

Beispiele

Im folgenden Codebeispiel wird veranschaulicht, wie die Height Eigenschaft zum programmgesteuerten Ändern der Höhe des angezeigten Bilds verwendet wird.

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
<script language="C#" runat="server">
        
       void Button_Click1(object sender, EventArgs e) 
       {
          Image1.Height=500;
          Image1.Width=1000;
       }
    
       void Button_Click2(object sender, EventArgs e) 
       {
          Image1.Height=226;
          Image1.Width=500;
       }
 
    </script>
 
 </head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
       <br /><br />
       <button id="Button1"
               onserverclick="Button_Click1"
               runat="server">
       Zoom Image
       </button>
       <button id="Button2"
               onserverclick="Button_Click2"
               runat="server">
       Normal Size
       </button>
    
    </form>
 
 </body>
 </html>

<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
 <head>
    <title>HtmlImage Example</title>
<script language="VB" runat="server">
        
    Sub Button_Click1(sender As Object, e As EventArgs)
        Image1.Height = 500
        Image1.Width = 1000
    End Sub 'Button_Click1


    Sub Button_Click2(sender As Object, e As EventArgs)
        Image1.Height = 226
        Image1.Width = 500
    End Sub 'Button_Click2
 
  </script>
 
 </head>
 
 <body>
 
    <form id="form1" runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            src="Image1.jpg"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
       <br /><br />
       <button id="Button1"
               onserverclick="Button_Click1"
               runat="server">
       Zoom Image
       </button>
       <button id="Button2"
               onserverclick="Button_Click2"
               runat="server">
       Normal Size
       </button>
    
    </form>
 
 </body>
 </html>

Hinweise

Die Height Eigenschaften und Width Eigenschaften können auf zwei Arten verwendet werden. Sie können die Bildgrößenspezifikationen mit den Height Eigenschaften an Width den Browser senden. Dadurch wird die Webseite schneller angezeigt, da der Browser die Positionen von Elementen auf der Seite nicht neu berechnen muss, wenn das Bild geladen wird.

Sie können das Bild auch mit den HeightWidth Eigenschaften skalieren. Wenn Werte verwendet werden, die sich von der physischen Größe des Bilds unterscheiden, wird die Größe des Bilds entsprechend geändert. Diese Methode zum Skalieren des Bilds wird jedoch nicht empfohlen, da die Anzeige der Seite länger dauert. Ändern Sie stattdessen die Größe des Bilds physisch auf die benötigte Größe.

Standardmäßig wird die Height Eigenschaft in Pixel ausgedrückt, kann aber auch als Prozentsatz der Größe des Fensters ausgedrückt werden.

Gilt für:

Weitere Informationen