Freigeben über


HtmlImage-Klasse

Ermöglicht den programmgesteuerten Zugriff auf das HTML-<img>-Element auf dem Server.

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

Syntax

'Declaration
Public Class HtmlImage
    Inherits HtmlControl
'Usage
Dim instance As HtmlImage
public class HtmlImage : HtmlControl
public ref class HtmlImage : public HtmlControl
public class HtmlImage extends HtmlControl
public class HtmlImage extends HtmlControl

Hinweise

Verwenden Sie dieses Steuerelement, um ein Bild auf einer Webseite anzuzeigen. Das HtmlImage-Steuerelement kann programmgesteuert geändert werden, um das angezeigte Bild zu wechseln und um die Bildgröße sowie die Ausrichtung des Bildes im Verhältnis zu anderen Seitenelementen zu ändern.

Eine Liste der anfänglichen Eigenschaftenwerte für eine Instanz von HtmlImage finden Sie unter HtmlImage-Konstruktor.

Thema Position
Gewusst wie: Hinzufügen von HTML-Serversteuerelementen zu einer Webseite mithilfe von ASP.NET-Syntax Erstellen von ASP.NET-Webanwendungen in Visual Studio
Gewusst wie: Programmgesteuertes Festlegen der Eigenschaften von HTML-Serversteuerelementen Erstellen von ASP.NET-Webanwendungen in Visual Studio
Gewusst wie: Hinzufügen von HTML-Serversteuerelementen zu einer Webseite mithilfe von ASP.NET-Syntax Erstellen von ASP.NET-Webanwendungen in Visual Studio
Gewusst wie: Programmgesteuertes Festlegen der Eigenschaften von HTML-Serversteuerelementen Erstellen von ASP.NET-Webanwendungen in Visual Studio
Gewusst wie: Hinzufügen von HTML-Serversteuerelementen zu einer Webseite mithilfe von ASP.NET-Syntax Erstellen von ASP.NET-Webanwendungen
Gewusst wie: Programmgesteuertes Festlegen der Eigenschaften von HTML-Serversteuerelementen Erstellen von ASP.NET-Webanwendungen

Beispiel

Im folgenden Codebeispiel wird veranschaulicht, wie die Eigenschaften eines HtmlImage-Steuerelements beim Klicken auf einen HtmlButton programmgesteuert geändert werden können.

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

<html>
 <head>
 
    <script language="VB" runat="server">
        
    Sub Image1_Click(sender As Object, e As EventArgs)
        Image1.Src = "Image1.jpg"
        Image1.Height = 226
        Image1.Width = 500
        Image1.Border = 5
        Image1.Align = "center"
        Image1.Alt = "Image 1"
    End Sub 'Image1_Click


    Sub Image2_Click(sender As Object, e As EventArgs)
        Image1.Src = "Image2.jpg"
        Image1.Height = 480
        Image1.Width = 640
        Image1.Border = 7
        Image1.Align = "left"
        Image1.Alt = "Image 2"
    End Sub 'Image2_Click


    Sub Image3_Click(sender As Object, e As EventArgs)
        Image1.Src = "Image3.jpg"
        Image1.Height = 413
        Image1.Width = 631
        Image1.Border = 3
        Image1.Align = "right"
        Image1.Alt = "Image 3"
    End Sub 'Image3_Click
 
  </script>
 
 </head>
 
 <body>
 
    <form runat="server">
 
       <h3>HtmlImage Example</h3>
       
       <center>
 
          <button id="Button1"
                  OnServerClick="Image1_Click" 
                  runat="server">
          Image 1
          </button>
 
          <button id="Button2"
                  OnServerClick="Image2_Click" 
                  runat="server">
          Image 2
          </button>
 
          <button id="Button3"
                  OnServerClick="Image3_Click" 
                  runat="server">
          Image 3
          </button>
 
       </center>
       
       <br><br>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>
   
<%@ Page Language="C#" AutoEventWireup="True" %>

<html>
 <head>
 
    <script language="C#" runat="server">
        
       void Image1_Click(object sender, EventArgs e) 
       {
          Image1.Src="Image1.jpg";
          Image1.Height=226;
          Image1.Width=500;
          Image1.Border=5;
          Image1.Align="center";
          Image1.Alt="Image 1";
       }
    
       void Image2_Click(object sender, EventArgs e) 
       {
          Image1.Src="Image2.jpg";
          Image1.Height=480;
          Image1.Width=640;
          Image1.Border=7;
          Image1.Align="left";
          Image1.Alt="Image 2";
       }
 
       void Image3_Click(object sender, EventArgs e) 
       {
          Image1.Src="Image3.jpg";
          Image1.Height=413;
          Image1.Width=631;
          Image1.Border=3;
          Image1.Align="right";
          Image1.Alt="Image 3";
       }
 
    </script>
 
 </head>
 
 <body>
 
    <form runat="server">
 
       <h3>HtmlImage Example</h3>
       
       <center>
 
          <button id="Button1"
                  OnServerClick="Image1_Click" 
                  runat="server">
          Image 1
          </button>
 
          <button id="Button2"
                  OnServerClick="Image2_Click" 
                  runat="server">
          Image 2
          </button>
 
          <button id="Button3"
                  OnServerClick="Image3_Click" 
                  runat="server">
          Image 3
          </button>
 
       </center>
       
       <br><br>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>
   
<%@ Page Language="JScript" AutoEventWireup="True" %>

<html>
 <head>
 
    <script language="JSCRIPT" runat="server">
        
    function Image1_Click(sender : Object, e : EventArgs){
        Image1.Src = "Image1.jpg"
        Image1.Height = 226
        Image1.Width = 500
        Image1.Border = 5
        Image1.Align = "center"
        Image1.Alt = "Image 1"
    }

    function Image2_Click(sender : Object, e : EventArgs){
        Image1.Src = "Image2.jpg"
        Image1.Height = 480
        Image1.Width = 640
        Image1.Border = 7
        Image1.Align = "left"
        Image1.Alt = "Image 2"
    }

    function Image3_Click(sender : Object, e : EventArgs){
        Image1.Src = "Image3.jpg"
        Image1.Height = 413
        Image1.Width = 631
        Image1.Border = 3
        Image1.Align = "right"
        Image1.Alt = "Image 3"
    }
 
  </script>
 
 </head>
 
 <body>
 
    <form runat="server">
 
       <h3>HtmlImage Example</h3>
       
       <center>
 
          <button id="Button1"
                  OnServerClick="Image1_Click" 
                  runat="server">
          Image 1
          </button>
 
          <button id="Button2"
                  OnServerClick="Image2_Click" 
                  runat="server">
          Image 2
          </button>
 
          <button id="Button3"
                  OnServerClick="Image3_Click" 
                  runat="server">
          Image 3
          </button>
 
       </center>
       
       <br><br>
     
       <img id ="Image1"
            Src="Image1.jpg"
            Width="500"
            Height="226"
            Alt="Image 1"
            Border="5"
            Align="center" 
            runat=server/>
       Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>
   

.NET Framework-Sicherheit

Vererbungshierarchie

System.Object
   System.Web.UI.Control
     System.Web.UI.HtmlControls.HtmlControl
      System.Web.UI.HtmlControls.HtmlImage

Threadsicherheit

Alle öffentlichen statischen (Shared in Visual Basic) Member dieses Typs sind threadsicher. Bei Instanzmembern ist die Threadsicherheit nicht gewährleistet.

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-Member
System.Web.UI.HtmlControls-Namespace
HtmlControl-Klasse
HtmlButton-Klasse

Weitere Ressourcen

Deklarative Syntax des HtmlImage-Serversteuerelements
HTML-Serversteuerelemente