Joomla metin editörüyle yapılır mı yapılmaz mı bilmiyorum ama bu iş için benim çözümüm html'de map ve area taglarını kullanmaktır.
Örnek olarak şu kodları inceleyelim:
<img src="http://kulupsinema7.com/wp-content/uploads/2012/06/iyi-kotu-cirkin.jpg" usemap="#iyi-kotu-cirkin" />
<map name="iyi-kotu-cirkin">
<area shape="rect" alt="Clint Eastwood" title="Clint Eastwood" coords="13,31,190,228" href="http://www.imdb.com/name/nm0000142/" target="_blank" />
<area shape="rect" alt="Eli Wallach" title="Eli Wallach" coords="200,7,376,229" href="http://www.imdb.com/name/nm0908919/" target="_blank" />
<area shape="rect" alt="Lee Van Cleef" title="Lee Van Cleef" coords="384,98,557,231" href="http://www.imdb.com/name/nm0001812/" target="_blank" />
<area shape="rect" alt="İyi, Kötü ve Çirkin" title="İyi, Kötü ve Çirkin" coords="5,234,562,293" href="http://www.imdb.com/title/tt0060196/" target="_blank" />
</map>
Burada img ile resim ekliyoruz. Eklediğimiz resmin bir bölümüne link vermek için usemap özelliğini kullanıyoruz. map ve area taglarıyla eklediğimiz resmin link vermek istediğimiz bölgesini (koordinatını) tanımlıyoruz (coords özelliği). Link vermek istediğimiz bölge dikdörtgen, çember veya çokgen olabilir. Biz örneğimizde dikdörtgen kullandık.
Burada bizi zorlayacak kısım, koordinatı belirlemektir. Bu iş için yapılmış map editörler vardır bunlar kullanılabilir. İnternet üzerinde online map editörler de var. Mesela ben bu örneği yapmak için http://www.maschek.hu/imagemap/imgmap adresini kullandım.
İşinizi görür diye ümit ediyorum. Kolay gelsin.