<asp:Image ID="Image1" runat="server" AlternateText="Resim gösterilemiyor"
</html>Yukarıdaki webformuna eklediğim Image kontrolünün temel özelliklerini kullandım. Çünkü amacımız kullanıcıya sadece bir resim göstermek ise Image kontrolü tamamiyle işimizi görüyor. ImageUrl özelliği ile, resimin tam yolbilgisini belirtiyoruz. AlternateText özelliği ile herhangi bir nedenden dolayı resim kullanıcıya gösterilemezse resmin olduğu yerde gösterilecek yazıyı belirtiyoruz. ToolTip özelliği ile fare imleci resimin üzerine geldiğinde gösterilecek yazıyı belirliyoruz.
<asp:ImageButton ID="ImageButton1" runat="server" ImageUrl="~/buton.jpg"
</html>Image kontrolünde bulunan ImageUrl ve AlternateText özellikleri ImageButton kontrolünde de bulunuyor. Bunun nedeni ise ImageButton sınıfının Image sınıfıntan türetilmesidir. Eğer sitemizde göstereceğimiz resim büyükse, resmi bölümlere ayırıp ve ayırdığımız bölümlere ayrı ayrı link vermek istiyorsak ImageMap kontrolünü kullanabiliriz. Örneğin, yukarıdaki gibi bir resmin sarı olan bölgelerine link vererek, bir resim üzerinden birden çok web sayfasına link verebiliriz. Bunu yapabilmek için webformumuza bir ImageMap kontrolü ekliyorum.
Yukarıdaki ImageMap kontrolünde 2 adet RectangleHotSpot, 1 adet CircleHotSpot ve 1 adet PolygonHotSpot nesnesi bulunuyor. RectangleHotspot kontrolünün Left,Right,Top ve Bottom özellikleri ile HotSpot konumunu belirliyoruz. ImageMap kontrolünün sol üst köşesindeki noktayı orjin kabul eden bir dik koordinat sistemi olduğunu düşünelim. CircleHotSpot nesnesinin X,Y özellikleri ile merkezi X,Y noktasında olan bir çember oluşturuyoruz. Bu çemberin çapını ise Radius özelliğiyle belirliyoruz. PolygonHotSpot nesnesinin Coordinates özelliğine ise, sırasıyla (x,y) noktalarını vererek, düzgün veya düzgün olmayan bir çokgen çizebiliriz. Asp.net ortamında web uygulaması geliştirirken kullanabileceğimiz, görsel içerikli sunucu kontrolleri olan Image,ImageButton ve ImageMap kontrollerini temel hatlarıyla açıklamaya çalıştım. Anlattıklarımın faydalı olması dileğiyle...