HtmlImage.Width Proprietà
Definizione
Importante
Alcune informazioni sono relative alla release non definitiva del prodotto, che potrebbe subire modifiche significative prima della release definitiva. Microsoft non riconosce alcuna garanzia, espressa o implicita, in merito alle informazioni qui fornite.
Ottiene o imposta la larghezza dell'immagine.
public:
property int Width { int get(); void set(int value); };
public int Width { get; set; }
member this.Width : int with get, set
Public Property Width As Integer
Valore della proprietà
Larghezza dell'immagine.
Esempio
Nell'esempio di codice seguente viene illustrato come usare la Width proprietà per modificare a livello di codice la larghezza dell'immagine visualizzata.
<%@ 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>
Commenti
Le Height proprietà e Width possono essere usate due modi. È possibile usare le Height proprietà e Width per inviare le specifiche delle dimensioni dell'immagine al browser. Viene visualizzata la pagina Web più velocemente perché il browser non deve ricalcolare le posizioni degli elementi nella pagina quando l'immagine viene caricata.
È anche possibile usare le Height proprietà e Width per ridimensionare l'immagine. Quando si usano valori diversi dalle dimensioni fisiche dell'immagine, l'immagine viene ridimensionata di conseguenza. Tuttavia, questo metodo per ridimensionare l'immagine non è consigliato perché richiede più tempo per la visualizzazione della pagina. Ridimensionare fisicamente l'immagine in base alle dimensioni necessarie.
Per impostazione predefinita, la Width proprietà è espressa in pixel, ma può anche essere espressa come percentuale delle dimensioni della finestra.