HtmlImage.Height Propriété
Définition
Important
Certaines informations portent sur la préversion du produit qui est susceptible d’être en grande partie modifiée avant sa publication. Microsoft exclut toute garantie, expresse ou implicite, concernant les informations fournies ici.
Obtient ou définit la hauteur de l'image.
public:
property int Height { int get(); void set(int value); };
public int Height { get; set; }
member this.Height : int with get, set
Public Property Height As Integer
Valeur de propriété
Hauteur de l’image.
Exemples
L’exemple de code suivant montre comment utiliser la Height propriété pour modifier par programmation la hauteur de l’image affichée.
<%@ 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 Example</title>
<script language="C#" runat="server">
void Button_Click1(object sender, EventArgs e)
{
Image1.Height=500;
Image1.Width=1000;
}
void Button_Click2(object sender, EventArgs e)
{
Image1.Height=226;
Image1.Width=500;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
<%@ 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 Example</title>
<script language="VB" runat="server">
Sub Button_Click1(sender As Object, e As EventArgs)
Image1.Height = 500
Image1.Width = 1000
End Sub 'Button_Click1
Sub Button_Click2(sender As Object, e As EventArgs)
Image1.Height = 226
Image1.Width = 500
End Sub 'Button_Click2
</script>
</head>
<body>
<form id="form1" runat="server">
<h3>HtmlImage Example</h3>
<img id ="Image1"
src="Image1.jpg"
alt="Image 1"
runat="server"
style="width:500; height:226; border:5; text-align:center" />
<br /><br />
<button id="Button1"
onserverclick="Button_Click1"
runat="server">
Zoom Image
</button>
<button id="Button2"
onserverclick="Button_Click2"
runat="server">
Normal Size
</button>
</form>
</body>
</html>
Remarques
Les propriétés et Width les Height propriétés peuvent être utilisées de deux façons. Vous pouvez utiliser les propriétés et Width les Height propriétés pour envoyer des spécifications de taille d’image au navigateur. Cela affiche la page Web plus rapidement, car le navigateur n’a pas besoin de recalculer les positions des éléments sur la page lorsque l’image se charge.
Vous pouvez également utiliser les propriétés et Width les Height propriétés pour mettre à l’échelle l’image. Lorsque vous utilisez des valeurs différentes de la taille physique de l’image, l’image est redimensionnée en conséquence. Toutefois, cette méthode de mise à l’échelle de l’image n’est pas recommandée, car elle prend plus de temps pour que la page l’affiche. Au lieu de cela, redimensionnez physiquement l’image en fonction de la taille dont vous avez besoin.
Par défaut, la Height propriété est exprimée en pixels, mais elle peut également être exprimée en pourcentage de la taille de la fenêtre.