在 Web 窗体页上显示 Web 兼容图像。
<asp:Image
????AccessKey="string"
????AlternateText="string"
????BackColor="color name|#dddddd"
????BorderColor="color name|#dddddd"
????BorderStyle="NotSet|None|Dotted|Dashed|Solid|Double|Groove|Ridge|
Inset|Outset"
????BorderWidth="size"
????CssClass="string"
????DescriptionUrl="uri"
????Enabled="True|False"
????EnableTheming="True|False"
????EnableViewState="True|False"
????ForeColor="color name|#dddddd"
????GenerateEmptyAlternateText="True|False"
????Height="size"
????ID="string"
????ImageAlign="NotSet|Left|Right|Baseline|Top|Middle|Bottom|
AbsBottom|AbsMiddle|TextTop"
????ImageUrl="uri"
????OnDataBinding="DataBinding event handler"
????OnDisposed="Disposed event handler"
????OnInit="Init event handler"
????OnLoad="Load event handler"
????OnPreRender="PreRender event handler"
????OnUnload="Unload event handler"
????runat="server"
????SkinID="string"
????Style="string"
????TabIndex="integer"
????ToolTip="string"
????Visible="True|False"
????Width="size"
/> |
备注
使用
 注意 |
|---|
|
此控件仅显示图像。如果希望图像的行为类似于按钮或需要确定在图像上单击鼠标指针的位置的坐标，请使用 ImageButton 控件。 |
| 注意 |
|---|
|
由于 <asp:Image> 元素没有内容，所以可以用 /> 结束该标记，而不是使用单独的结束标记。 |
有关 Image Web 服务器控件的属性和事件的详细信息，请参见 Image 文档。
示例
下面的示例演示如何在网页上创建 Image 控件。
| 注意 |
|---|
|
下面的代码示例使用单文件代码模型，如果直接复制到代码隐藏文件中，可能无法正常运行。此代码示例必须复制到一个具有 .aspx 扩展名的空文本文件。有关 Web 窗体代码模型的更多信息，请参见 |
| Visual Basic? |  复制代码 |
|---|---|
<%@ Page Language="VB" %>
<html>
<head>
<script language="VB" runat="server">
Sub Button_Click(sender As Object, e As EventArgs)
Select Case DropList1.SelectedIndex
Case 0:
Image1.ImageAlign = ImageAlign.NotSet
Case 1:
Image1.ImageAlign = ImageAlign.Left
Case 2:
Image1.ImageAlign = ImageAlign.Right
Case 3:
Image1.ImageAlign = ImageAlign.Baseline
Case 4:
Image1.ImageAlign = ImageAlign.Top
Case 5:
Image1.ImageAlign = ImageAlign.Middle
Case 6:
Image1.ImageAlign = ImageAlign.Bottom
Case 7:
Image1.ImageAlign = ImageAlign.AbsBottom
Case 8:
Image1.ImageAlign = ImageAlign.AbsMiddle
Case 9:
Image1.ImageAlign = ImageAlign.TextTop
Case Else:
Image1.ImageAlign = ImageAlign.NotSet
End Select
End Sub
</script>
</head>
<body>
<form runat="server">
<h3>Image Example</h3>
<font size="5">
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
</font>
<asp:Image id="Image1" runat="server"
AlternateText="Image Text"
ImageAlign="left"
ImageUrl="images/image1.jpg"/>
<hr>
Select Image Align: <br>
<asp:DropDownList id="DropList1"
runat="server">
<asp:ListItem>NotSet</asp:ListItem>
<asp:ListItem>Left</asp:ListItem>
<asp:ListItem>Right</asp:ListItem>
<asp:ListItem>BaseLine</asp:ListItem>
<asp:ListItem>Top</asp:ListItem>
<asp:ListItem>Middle</asp:ListItem>
<asp:ListItem>Bottom</asp:ListItem>
<asp:ListItem>AbsBottom</asp:ListItem>
<asp:ListItem>AbsMiddle</asp:ListItem>
<asp:ListItem>TextTop</asp:ListItem>
</asp:DropDownList>
<br><br>
<asp:Button id="Button1"
Text="Apply Image Alignment"
OnClick="Button_Click"
runat="server"/>
</form>
</body>
</html>
| |
| C#? | 复制代码 |
|---|---|
<%@ Page Language="C#" %>
<html>
<head>
<script language="C#" runat="server">
void Button_Click(Object sender, EventArgs e)
{
switch(DropList1.SelectedIndex)
{
case 0:
Image1.ImageAlign = ImageAlign.NotSet;
break;
case 1:
Image1.ImageAlign = ImageAlign.Left;
break;
case 2:
Image1.ImageAlign = ImageAlign.Right;
break;
case 3:
Image1.ImageAlign = ImageAlign.Baseline;
break;
case 4:
Image1.ImageAlign = ImageAlign.Top;
break;
case 5:
Image1.ImageAlign = ImageAlign.Middle;
break;
case 6:
Image1.ImageAlign = ImageAlign.Bottom;
break;
case 7:
Image1.ImageAlign = ImageAlign.AbsBottom;
break;
case 8:
Image1.ImageAlign = ImageAlign.AbsMiddle;
break;
case 9:
Image1.ImageAlign = ImageAlign.TextTop;
break;
default:
Image1.ImageAlign = ImageAlign.NotSet;
break;
}
}
</script>
</head>
<body>
<form runat="server">
<h3>Image Example</h3>
<font size="5">
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
</font>
<asp:Image id="Image1" runat="server"
AlternateText="Image Text"
ImageAlign="left"
ImageUrl="images/image1.jpg"/>
<hr>
Select Image Align: <br>
<asp:DropDownList id="DropList1"
runat="server">
<asp:ListItem>NotSet</asp:ListItem>
<asp:ListItem>Left</asp:ListItem>
<asp:ListItem>Right</asp:ListItem>
<asp:ListItem>BaseLine</asp:ListItem>
<asp:ListItem>Top</asp:ListItem>
<asp:ListItem>Middle</asp:ListItem>
<asp:ListItem>Bottom</asp:ListItem>
<asp:ListItem>AbsBottom</asp:ListItem>
<asp:ListItem>AbsMiddle</asp:ListItem>
<asp:ListItem>TextTop</asp:ListItem>
</asp:DropDownList>
<br><br>
<asp:Button id="Button1"
Text="Apply Image Alignment"
OnClick="Button_Click"
runat="server"/>
</form>
</body>
</html>
| |
| JScript? | 复制代码 |
|---|---|
<%@ Page Language="JSCRIPT" %>
<html>
<head>
<script language="JSCRIPT" runat="server">
function Button_Click(sender : Object, e : EventArgs){
switch(DropList1.SelectedIndex){
case 0:
Image1.ImageAlign = ImageAlign.NotSet
break
case 1:
Image1.ImageAlign = ImageAlign.Left
break
case 2:
Image1.ImageAlign = ImageAlign.Right
break
case 3:
Image1.ImageAlign = ImageAlign.Baseline
break
case 4:
Image1.ImageAlign = ImageAlign.Top
break
case 5:
Image1.ImageAlign = ImageAlign.Middle
break
case 6:
Image1.ImageAlign = ImageAlign.Bottom
break
case 7:
Image1.ImageAlign = ImageAlign.AbsBottom
break
case 8:
Image1.ImageAlign = ImageAlign.AbsMiddle
break
case 9:
Image1.ImageAlign = ImageAlign.TextTop
break
default:
Image1.ImageAlign = ImageAlign.NotSet
break
}
}
</script>
</head>
<body>
<form runat="server">
<h3>Image Example</h3>
<font size="5">
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
Text Text Text Text Text Text Text Text Text Text Text Text
</font>
<asp:Image id="Image1" runat="server"
AlternateText="Image Text"
ImageAlign="left"
ImageUrl="images/image1.jpg"/>
<hr>
Select Image Align: <br>
<asp:DropDownList id="DropList1"
runat="server">
<asp:ListItem>NotSet</asp:ListItem>
<asp:ListItem>Left</asp:ListItem>
<asp:ListItem>Right</asp:ListItem>
<asp:ListItem>BaseLine</asp:ListItem>
<asp:ListItem>Top</asp:ListItem>
<asp:ListItem>Middle</asp:ListItem>
<asp:ListItem>Bottom</asp:ListItem>
<asp:ListItem>AbsBottom</asp:ListItem>
<asp:ListItem>AbsMiddle</asp:ListItem>
<asp:ListItem>TextTop</asp:ListItem>
</asp:DropDownList>
<br><br>
<asp:Button id="Button1"
Text="Apply Image Alignment"
OnClick="Button_Click"
runat="server"/>
</form>
</body>
</html>
| |
请参见
