ASP.NET 2.0 มีตัวควบคุมกราฟิกสองตัว ตัวหนึ่งคือ Image และอีกตัวคือตัวควบคุม ImageMap
1. ตัวควบคุมรูปภาพใช้เพื่อแสดงรูปภาพซึ่งสอดคล้องกับแท็ก <img /> โดยทั่วไปรูปแบบการควบคุมรูปภาพจะเป็นดังนี้
<asp:รูปภาพ
id="imgสุ่ม"
ImageUrl="Picture.gif"
AlternateText="รูปภาพ"
คำอธิบายUrl=""
สร้างEmptyAlternateText=""
ImageAlign=""/>
id ใช้เพื่อระบุการควบคุม
ImageUrl คือลิงค์รูปภาพ
AlternageText คือข้อความที่แสดงเมื่อไม่สามารถแสดงรูปภาพได้
DescriptionUrl มีลิงก์ไปยังคำอธิบายโดยละเอียดของรูปภาพ
GenerateEmptyAlternateText ตั้งค่า AlternateText ให้ว่างเปล่า
ImageAlign ใช้เพื่อระบุตำแหน่งที่สัมพันธ์กับองค์ประกอบ HTML อื่น ๆ ค่าที่เป็นไปได้คือ AbsBottom, AbsMiddle, Baseline, Bottom, Left, Middle, NotSet, Right, TextTop, Top
2. สามารถใช้ตัวควบคุม ImageMap เพื่อแสดงภาพได้ แต่สามารถสร้างเอฟเฟ็กต์ที่แตกต่างกันได้ ขึ้นอยู่กับตำแหน่งที่คุณคลิก รูปแบบการควบคุม ImageMap โดยทั่วไปจะเป็นดังนี้
<asp:ImageMap
id="mapMenu"
ImageUrl="MenuBar.gif"
HotSpotMode = "โพสต์แบ็ค"
Runat = "เซิร์ฟเวอร์" OnClick = "mapMenu_Click">
<asp:RectangleHotSpot
PostBackValue = "ถึงบน"
ซ้าย = "0"
ด้านบน = "0"
ขวา = "100"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />
<asp:RectangleHotSpot
PostBackValue = "ToLower"
ซ้าย = "100"
ด้านบน = "0"
ขวา = "200"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />
<asp:RectangleHotSpot
PostBackValue = "ลบ"
ซ้าย = "200"
ด้านบน = "0"
ขวา = "300"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />
</asp:ImageMap>
ไม่จำเป็นต้องอธิบาย id และ ImageUrl
<asp:RectangleHotSpot /> แสดงถึงพื้นที่การคลิกเป็นรูปสี่เหลี่ยมผืนผ้า
<asp:PolygonHotSpot /> แสดงถึงพื้นที่รูปหลายเหลี่ยม
<asp:CircleHotSpot /> แสดงถึงพื้นที่วงกลม
ขั้นตอนข้างต้นมักใช้ในกรณีที่ใช้การนำทางทั้งภาพ
ImageMap สามารถส่งคืนข้อมูล HotSpotMode="PostBack" และ PostBackValue="Erase" ข้างต้น เมื่อคลิกพื้นที่รูปภาพที่เกี่ยวข้อง เหตุการณ์ mapMenu_Click จะถูกทริกเกอร์ และ PostBackValue สามารถใช้เพื่อเรียก PostBackValue ที่ส่งคืนได้