29-09-12, 04:37 AM
سنقوم الان بتطبيق مثال عملي على هذة الاداة
بعد اضافة الاداة ImageMap الى صفحتنا وتحديد الصورة المناسبة ستظهر لنا صفحة السورس بالشكل التالي
سنقوم الان باضافة النقاط الفعالة وقد تعمدت تجربة جميع الاشكال التي تحدثنا عنها في السابق .
من الخاصية HotSpots نقوم بالضغط على العلامه المقابلة لـ Collection وذلك للوصول الى النافذة HotSpotCollectionEditor
ومنها نضيف ثلاث اشكال مختلفة وقد اشرنا الى طريقة الاضافة في السابق .
بعد اضافة نقاطنا وضبطها يصبح السورس لدينا بالشكل التالي
يوجد مثال مرفق .
بعد اضافة الاداة 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>