HTML Controls->ASP.NET HtmlImage Control

Definition and Usage

The HtmlImage control is used to control an <img> element. In HTML, the <img> element is used to display an image.

Properties

Property Description
Align How to align the image according to surrounding elements. Legal values are:
  • top
  • middle
  • bottom
  • left
  • right
Alt A short description of the image
Attributes Returns all attribute name and value pairs of the element
Border The width of the borders around the image
Disabled A Boolean value that indicates whether or not the control should be disabled. Default is false
Height The height of the image
id A unique id for the control
runat Specifies that the control is a server control.  Must be set to "server"
Src The URL of the image to display
Style Sets or returns the CSS properties that are applied to the control
TagName Returns the element tag name
Visible A Boolean value that indicates whether or not the control should be visible
Width The width of the image

Examples

HTMLImage
ASPX Source:

Sub Page_Load(Sender As Object,E As EventArgs)
   image1.Src="smiley.gif"
   image1.Alt="Smiley"
   image1.Border="3"
End Sub
</script>

<html>
<body>

<form runat="server">
<img id="image1" runat="server" />
</form>

</body>
</html>
Output Result:
Smiley 

In this example we declare an HtmlImage control in an .aspx file (remember to embed the control inside an HtmlForm control). Then we modify the src, alt and border properties of the HtmlImage control in an event handler (an event handler is a subroutine that executes code for a given event). The Page_Load event is one of many events that ASP .NET understands:

HTMLImage 2

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = select1.Value
End Sub
</script>

<html>
<body>

<form runat="server">
<select id="select1" runat="server">
   <option value="smiley.gif">Smiley</option>
   <option value="angry.gif">Angry</option>
   <option value="stickman.gif">Stickman</option>
</select>
<input type="submit" runat="server" value="Display image"
OnServerClick="choose_image">
<br /><br />
<img id="image1" src="smiley.gif" runat="server" width="32" height="32" />
</form>

</body>
</html>

Output Result:


  

IF you select the Angry of  the selecterd box ,if will shows:


  

value of In this example we declare an HtmlImage and an HTMLSelect control in an .aspx file (remember to embed the controls inside an HtmlForm control). Then we modify the src property of the HtmlImage control based on user choices. The value selected in the HtmlSelect control determines which image to display.

posted on 2007-03-26 15:06  改变热爱  阅读(207)  评论(0)    收藏  举报

导航