Sintaxis declarativa del control de servidor HtmlImage
Actualización: noviembre 2007
Crea un control del servidor que realiza una asignación al elemento HTML <img> y permite mostrar una imagen.
<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"
/>
Comentarios
Utilice el control HtmlImage para programar basándose en el elemento HTML <img>. Este control le permite recuperar y establecer dinámicamente el origen, el ancho, el alto, el ancho del borde, el texto alternativo y la alineación utilizando las propiedades Src, Width, Height, Border, Alt y Align respectivamente.
Nota
Este control no requiere una etiqueta de cierre.
Ejemplo
En el siguiente ejemplo se describe cómo cambiar una imagen mostrada en función de las opciones seleccionadas por del usuario. Se especifica el directorio /images como la ruta de origen de las imágenes que se muestran. El valor seleccionado en el control HtmlSelect de la página de formularios Web Forms determina qué imagen del directorio /images se muestra.
<%@ 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>