다음을 통해 공유

HtmlImage 서버 컨트롤 선언 구문

  • 아티클

<img> HTML 요소에 매핑되는 서버측 컨트롤을 만들어 이미지를 표시할 수 있도록 합니다.

<img 
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    />

설명

HtmlImage 컨트롤을 사용하여 HTML <img> 요소를 프로그래밍할 수 있습니다. 이 컨트롤을 사용하면 Src, Width, Height, Border, Alt 및 Align 속성을 통해 각각 이미지의 소스, 너비, 높이, 테두리 두께, 대체 텍스트 및 맞춤을 동적으로 설정하고 검색할 수 있습니다.

참고참고

이 컨트롤에는 닫는 태그를 사용하지 않아도 됩니다.

예제

다음 예제에서는 표시된 이미지를 사용자의 선택에 따라 변경하는 방법을 보여 줍니다. 이 예제에서 /images 디렉터리는 표시할 이미지의 소스 경로를 나타냅니다. Web Forms 페이지의 HtmlSelect 컨트롤에 선택한 값에 따라 /images 디렉터리로부터 표시할 이미지가 결정됩니다.

<%@ 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 Control</title>

   <script runat="server">
      Sub SubmitBtn_Click(Sender As Object, e As EventArgs)
         Image1.Src = "/images/" & Select1.Value
      End Sub
   </script>

</head>
<body>
   <h3>HtmlImage Sample</h3>
   <form id="Form1" runat="server">
      <img id="Image1" src="/images/cereal1.gif" runat="server" alt="Cereal bowl"/>
      <br />
      <br />
      Select an image file to display:
      <select id="Select1" runat="server">
         <option value="Cereal1.gif">Healthy Grains</option>
         <option value="Cereal2.gif">Corn Flake Cereal</option>
         <option value="Cereal3.gif">U.F.O.S</option>
         <option value="Cereal4.gif">Oatey O's</option>
         <option value="Cereal5.gif">Strike</option>
         <option value="Cereal7.gif">Fruity Pops</option>
       </select>
       <br />
       <br />
       <input id="Submit1" type="submit" runat="server" value="Apply"
              onserverclick="SubmitBtn_Click" />
   </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 Control</title>

    <script runat="server">
       void SubmitBtn_Click(Object Sender, EventArgs e) 
       {
          Image1.Src="/images/" + Select1.Value;
       }
    </script>

</head>
<body>
   <h3>HtmlImage Sample</h3>
   <form id="Form1" runat="server">
      <img id="Image1" src="/images/cereal1.gif" runat="server" alt="Cereal bowl"/>
      <br />
      <br />
      Select an image file to display:
      <select id="Select1" runat="server">
         <option value="Cereal1.gif">Healthy Grains</option>
         <option value="Cereal2.gif">Corn Flake Cereal</option>
         <option value="Cereal3.gif">U.F.O.S</option>
         <option value="Cereal4.gif">Oatey O's</option>
         <option value="Cereal5.gif">Strike</option>
         <option value="Cereal7.gif">Fruity Pops</option>
       </select>
       <br />
       <br />
       <input id="Submit1" type="submit" runat="server" value="Apply"
              onserverclick="SubmitBtn_Click" />
   </form>
</body>
</html>

참고 항목

참조

HtmlImage

기타 리소스

HTML 서버 컨트롤