HtmlImage クラスとは? わかりやすく解説

HtmlImage クラス

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

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

Public Class HtmlImage
    Inherits HtmlControl
public class HtmlImage : HtmlControl
public ref class HtmlImage : public
 HtmlControl
public class HtmlImage extends HtmlControl
public class HtmlImage extends
 HtmlControl
解説解説
使用例使用例

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

<%@ 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 のセキュリティ.NET Frameworkセキュリティ
継承階層継承階層
System.Object
   System.Web.UI.Control
     System.Web.UI.HtmlControls.HtmlControl
      System.Web.UI.HtmlControls.HtmlImage
スレッド セーフスレッド セーフ
この型の public static (Visual Basic では Shared) メンバはすべて、スレッド セーフです。インスタンス メンバ場合は、スレッド セーフであるとは限りません。
プラットフォームプラットフォーム
バージョン情報バージョン情報
参照参照



英和和英テキスト翻訳>> Weblio翻訳
英語⇒日本語日本語⇒英語
  

辞書ショートカット

すべての辞書の索引

「HtmlImage クラス」の関連用語

HtmlImage クラスのお隣キーワード
検索ランキング

   

英語⇒日本語
日本語⇒英語
   



HtmlImage クラスのページの著作権
Weblio 辞書 情報提供元は 参加元一覧 にて確認できます。

   
日本マイクロソフト株式会社日本マイクロソフト株式会社
© 2025 Microsoft.All rights reserved.

©2025 GRAS Group, Inc.RSS