[RaggiTech]

سنقوم الان بتطبيق مثال عملي على هذة الاداة

بعد اضافة الاداة ImageMap الى صفحتنا وتحديد الصورة المناسبة ستظهر لنا صفحة السورس بالشكل التالي

كود :

<asp:ImageMap ID="ImageMap2" runat="server"
ImageAlign="Middle" ImageUrl="~/testImageMap.gif">
</asp:ImageMap>




</asp:ImageMap>

سنقوم الان باضافة النقاط الفعالة وقد تعمدت تجربة جميع الاشكال التي تحدثنا عنها في السابق .
من الخاصية HotSpots نقوم بالضغط على العلامه المقابلة لـ Collection وذلك للوصول الى النافذة HotSpotCollectionEditor
ومنها نضيف ثلاث اشكال مختلفة وقد اشرنا الى طريقة الاضافة في السابق .
بعد اضافة نقاطنا وضبطها يصبح السورس لدينا بالشكل التالي

كود :

<asp:ImageMap ID="ImageMap1" runat="server" DescriptionUrl="~/hotspot.jpg"
ImageAlign="Middle" ImageUrl="~/testImageMap.gif">
<asp:CircleHotSpot AlternateText="" Radius="39" X="506" Y="52"
NavigateUrl="~/testImageMap.gif" />
<asp:RectangleHotSpot AlternateText="" Bottom="24" Left="295"
Right="451" Top="86" HotSpotMode="Navigate" NavigateUrl="http://www.google.com.sa" />
<asp:PolygonHotSpot Coordinates="283, 30, 282, 82, 149, 83, 175, 55, 206, 55, 198, 36, 233, 39, 243, 22, 262, 34"
HotSpotMode="Navigate" Target="_blank" AlternateText=" "
NavigateUrl="http://vb4arab.com/vb/" />
</asp:ImageMap>

يوجد مثال مرفق .