次の方法で共有

HtmlImage クラス

  • [アーティクル]

サーバーの HTML <img> 要素に対し、プログラムによるアクセスを可能にします。

名前空間: System.Web.UI.HtmlControls
アセンブリ: System.Web (system.web.dll 内)

構文

'宣言
Public Class HtmlImage
    Inherits HtmlControl
'使用
Dim instance As HtmlImage

public class HtmlImage : HtmlControl

public ref class HtmlImage : public HtmlControl

public class HtmlImage extends HtmlControl

public class HtmlImage extends HtmlControl

適用できません。

解説

このコントロールを使用して Web ページにイメージを表示します。HtmlImage コントロールをプログラムから操作して、表示されるイメージ、イメージ サイズ、ページ上の他の要素を基準とするイメージの配置を変更できます。

HtmlImage のインスタンスの初期プロパティ値の一覧については、HtmlImage コンストラクタのトピックを参照してください。

トピック 場所
方法 : ASP.NET 構文を使用して HTML サーバー コントロールを Web ページに追加する Visual Studio ASP .NET での Web アプリケーションの作成
方法 : HTML サーバー コントロール プロパティをプログラムで設定する Visual Studio ASP .NET での Web アプリケーションの作成
方法 : ASP.NET 構文を使用して HTML サーバー コントロールを Web ページに追加する Visual Studio ASP .NET での Web アプリケーションの作成
方法 : HTML サーバー コントロール プロパティをプログラムで設定する Visual Studio ASP .NET での Web アプリケーションの作成
方法 : ASP.NET 構文を使用して HTML サーバー コントロールを Web ページに追加する ASP .NET Web アプリケーションの作成
方法 : HTML サーバー コントロール プロパティをプログラムで設定する ASP .NET Web アプリケーションの作成

使用例

HtmlButton がクリックされたときに、プログラムによって HtmlImage コントロールのプロパティを変更する方法を次のコード例に示します。

<%@ 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 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 id="form1" 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"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
      Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>
   

<%@ 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 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 id="form1" 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"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
       Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>
   

<%@ Page Language="JScript" 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="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 id="form1" 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"
            alt="Image 1"
            runat="server"
            style="width:500; height:226; border:5; text-align:center" />
       Enter the caption for this image here.
    
    </form>
 
 </body>
 </html>

.NET Framework のセキュリティ

  • AspNetHostingPermission  (ホスト環境での動作に必要なアクセス許可)要求値 : LinkDemand; アクセス許可値 : Minimal。
  • AspNetHostingPermission  (ホスト環境での動作に必要なアクセス許可)要求値 : InheritanceDemand; アクセス許可値 : Minimal。

継承階層

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

スレッド セーフ

この型の public static (Visual Basicでは共有) メンバはすべて,スレッド セーフです。インスタンス メンバの場合は,スレッド セーフであるとは限りません。

プラットフォーム

Windows 98,Windows Server 2000 SP4,Windows CE,Windows Millennium Edition,Windows Mobile for Pocket PC,Windows Mobile for Smartphone,Windows Server 2003,Windows XP Media Center Edition,Windows XP Professional x64 Edition,Windows XP SP2,Windows XP Starter Edition

Microsoft .NET Framework 3.0 は Windows Vista,Microsoft Windows XP SP2,および Windows Server 2003 SP1 でサポートされています。

バージョン情報

.NET Framework

サポート対象 : 3.0,2.0,1.1,1.0

参照

関連項目

HtmlImage メンバ
System.Web.UI.HtmlControls 名前空間
HtmlControl
HtmlButton

その他の技術情報

HtmlImage サーバー コントロールの宣言構文
HTML サーバー コントロール