ข้อมูลเบื้องต้นเกี่ยวกับการควบคุมกราฟิก ASP.Net 2.0

ASP.NET 2.0 มีตัวควบคุมกราฟิกสองตัว ตัวหนึ่งคือ Image และอีกตัวคือตัวควบคุม ImageMap
1. ตัวควบคุมรูปภาพใช้เพื่อแสดงรูปภาพซึ่งสอดคล้องกับแท็ก โดยทั่วไปรูปแบบการควบคุมรูปภาพจะเป็นดังนี้
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 โดยทั่วไปจะเป็นดังนี้
id="mapMenu"
ImageUrl="MenuBar.gif"
HotSpotMode = "โพสต์แบ็ค"
Runat = "เซิร์ฟเวอร์" OnClick = "mapMenu_Click">
PostBackValue = "ถึงบน"
ซ้าย = "0"
ด้านบน = "0"
ขวา = "100"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />
PostBackValue = "ToLower"
ซ้าย = "100"
ด้านบน = "0"
ขวา = "200"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />
PostBackValue = "ลบ"
ซ้าย = "200"
ด้านบน = "0"
ขวา = "300"
ก้น = "30"
AlternateText="เป็นตัวพิมพ์ใหญ่" />

ไม่จำเป็นต้องอธิบาย id และ ImageUrl
แสดงถึงพื้นที่การคลิกเป็นรูปสี่เหลี่ยมผืนผ้า
แสดงถึงพื้นที่รูปหลายเหลี่ยม
แสดงถึงพื้นที่วงกลม

ขั้นตอนข้างต้นมักใช้ในกรณีที่ใช้การนำทางทั้งภาพ

ImageMap สามารถส่งคืนข้อมูล HotSpotMode="PostBack" และ PostBackValue="Erase" ข้างต้น เมื่อคลิกพื้นที่รูปภาพที่เกี่ยวข้อง เหตุการณ์ mapMenu_Click จะถูกทริกเกอร์ และ PostBackValue สามารถใช้เพื่อเรียก PostBackValue ที่ส่งคืนได้

ที่มา: http://blog.sina.com.cn/u/538461ee010005lz