Freigeben über

HtmlImage.Width-Eigenschaft

Ruft die Breite des Bildes ab oder legt diese fest.

Namespace: System.Web.UI.HtmlControls
Assembly: System.Web (in system.web.dll)

Syntax

'Declaration
Public Property Width As Integer
'Usage
Dim instance As HtmlImage
Dim value As Integer

value = instance.Width

instance.Width = value

public int Width { get; set; }

public:
property int Width {
    int get ();
    void set (int value);
}

/** @property */
public int get_Width ()

/** @property */
public void set_Width (int value)

public function get Width () : int

public function set Width (value : int)

Eigenschaftenwert

Die Breite des Bildes.

Hinweise

Für die Height-Eigenschaft und die Width-Eigenschaft gibt es zwei verschiedene Verwendungsmöglichkeiten. Sie können die Height-Eigenschaft und die Width-Eigenschaft verwenden, um Angaben über die Bildgröße an den Browser zu senden. Auf diese Weise wird die Webseite schneller angezeigt, da der Browser beim Laden des Bildes die Position der Elemente auf der Seite nicht neu berechnen muss.

Sie können die Height-Eigenschaft und die Width-Eigenschaft auch verwenden, um das Bild zu skalieren. Wenn Sie Werte angeben, die sich von der physischen Größe des Bildes unterscheiden, wird die Bildgröße entsprechend geändert. Diese Methode zum Skalieren des Bildes wird jedoch nicht empfohlen, da sie das Anzeigen der Seite verzögert. Ändern Sie stattdessen die physische Größe des Bildes, um die Bildgröße Ihren Wünschen entsprechend anzupassen.

In der Standardeinstellung wird die Width-Eigenschaft in Pixel angegeben, sie kann jedoch auch als Prozentsatz der Fenstergröße angegeben werden.

Beispiel

Im folgenden Codebeispiel wird veranschaulicht, wie mit der Width-Eigenschaft die Breite des angezeigten Bildes programmgesteuert geändert wird.

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

<html>
 <head>
 
    <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 runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       <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="C#" AutoEventWireup="True" %>

<html>
 <head>
 
    <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 runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       <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="JScript" AutoEventWireup="True" %>

<html>
 <head>
 
    <script language="JSCRIPT" runat="server">
        
    function Button_Click1(sender : Object, e : EventArgs){
        Image1.Height = 500
        Image1.Width = 1000
    }

    function Button_Click2(sender : Object, e : EventArgs){
        Image1.Height = 226
        Image1.Width = 500
    }
 
  </script>
 
 </head>
 
 <body>
 
    <form runat="server">
 
       <h3>HtmlImage Example</h3>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       <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>

Plattformen

Windows 98, Windows 2000 SP4, Windows Server 2003, Windows XP Media Center Edition, Windows XP Professional x64 Edition, Windows XP SP2, Windows XP Starter Edition

.NET Framework unterstützt nicht alle Versionen sämtlicher Plattformen. Eine Liste der unterstützten Versionen finden Sie unter Systemanforderungen.

Versionsinformationen

.NET Framework

Unterstützt in: 2.0, 1.1, 1.0

Siehe auch

Referenz

HtmlImage-Klasse
HtmlImage-Member
System.Web.UI.HtmlControls-Namespace
HtmlImage.Height-Eigenschaft

Weitere Ressourcen

HTML-Serversteuerelemente

  • Last updated on