مشاركة عبر

بناء الجملة المصرح به لعنصر تحكم خادم الـ 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 الدليل كمسار مصدر صور للعرض. تحدد القيمة المحددة في 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