当前位置: 首页 > 图文教程 > 网络编程 > ASP.NET > HTML服务器控件介绍:HtmlImage控件

ASP.NET
DVNEWS 3.2 1013版免虚拟目录的安装方法,只要三个步骤
DataRow的序列化问题
VB.net基础:使用UDP发送和接收消息
采用HttpModules来重写URLs(实践篇)
要用到事务了
DataGrid中单元格的比较
动态引用WebService,建立WebService虚拟机
[初学VB.NET]数据绑定
使用ASP调用WebService时不能以Name为数据库中的字段
在VB.NET里操作文本文件
web下打印的办法
怎样把SQL_SERVER数据库里的(类型是image)图片显示在aspx页面里的image控件里
C#中字符串的加密
中小企业信息应用的利器:DAP-Dynamic Applications Platform
数据库系统概论学习笔记
体会到译者的艰辛,也发现了他们犯的错误
IISManager V1.1 是一个在线管理IIS,维护站点组件,安全稳定,最重要的是完全免费。
VS FlexGridPro 8.0如何在window98运行---有没有升级版本,急请高手指点
给立方体添加纹理
Wrox的C#高级编程第三版第一部分第一章(1~9页)

ASP.NET 中的 HTML服务器控件介绍:HtmlImage控件


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-28   浏览: 190 ::
收藏到网摘: n/a

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlImage控件

定义和用法

HtmlImage控件用来控制<img>元素。在HTML中,<img>元素被用来显示一个图像。


属性

属性 说明
Align 此图像如何根据周围的元素对齐。合法值有:
  • top
  • middle
  • bottom
  • left
  • right
Alt 此图像的一个简短描述
Attributes 返回此元素所有属性名和属性值
Border 环绕此图像的边框的宽度
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
Height 此图像的高度
id 此控件的唯一id
runat 规定此控件是服务器控件。 必须被设置为 "server"
Src 要显示的图像的URL
Style 设置或返回应用于此控件的CSS特性
TagName 返回元素标签名称
Visible 指明此控件是否可见的一个布尔值
Width 此图像的宽度

示例

HTMLImage
在此示例中我们在一个.aspx文件中声明一个HtmlImage控件(要记住把控件嵌入HtmlForm控件中)。然后我们在一个事件句柄(事件句柄是为某一个给定事件执行代码的一段子程序)中修改此HtmlImage控件的src、alt和border属性。Page_Load事件是ASP .NET识别的许多事件之一:看到本信息说明该文是通过网页教学(RuanChen.Com)整理发布的,请不要删掉!

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


<html>
<body>

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

</body>
</html>

HTMLImage 2
在此示例中我们在一个.aspx文件中声明一个HtmlImage和一个HTMLSelect控件(要记住把控件嵌入HtmlForm控件中)。然后我们根据用户的选择修改此HtmlImage控件的src属性。在HtmlSelect控件中选取的值决定显示哪一个图像。本文由软晨学习网RuanChen.Com整理发布!转载请注明出处,谢谢!

<script  runat="server">
Sub choose_image(Sender As Object, e As EventArgs)
   image1.Src = "/images/" & 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="/images/smiley.gif" runat="server" />
</form>

</body>
</html>

在以上示例中会用到这些图像,注意把它们存放到适当的目录中: