HtmlImage.Height Eigenschap

Definitie

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

Hiermee haalt u de hoogte van de afbeelding op of stelt u deze in.

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

Waarde van eigenschap

Int32

De hoogte van de afbeelding.

Voorbeelden

In het volgende codevoorbeeld ziet u hoe u de Height eigenschap gebruikt om de hoogte van de weergegeven afbeelding programmatisch te wijzigen.

<%@ 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>

Opmerkingen

De Height eigenschappen en Width eigenschappen kunnen op twee manieren worden gebruikt. U kunt de Height en Width eigenschappen gebruiken om specificaties voor de afbeeldingsgrootte naar de browser te verzenden. Hiermee wordt de webpagina sneller weergegeven omdat de browser de posities van elementen op de pagina niet opnieuw hoeft te berekenen wanneer de afbeelding wordt geladen.

U kunt ook de Height en Width eigenschappen gebruiken om de afbeelding te schalen. Wanneer u waarden gebruikt die afwijken van de fysieke grootte van de afbeelding, wordt het formaat van de afbeelding dienovereenkomstig gewijzigd. Deze methode voor het schalen van de afbeelding wordt echter niet aanbevolen omdat het langer duurt voordat de pagina deze weergeeft. Pas in plaats daarvan het formaat van de afbeelding fysiek aan op de gewenste grootte.

De eigenschap wordt standaard Height uitgedrukt in pixels, maar kan ook worden uitgedrukt als een percentage van de grootte van het venster.

Van toepassing op

Zie ook