Arkadaşlar merhaba,
Bir web sitem için özel bir çalışma yapmaya çalışıyorum. Çalışma şu şekilde;
Türkiye haritası üzerine şubelerimizi işaretledim. "usemap" etiketi ile koordinat belirtip bu şubelerin üzerine gelindiği zaman tıklanabilir hale getirebiliyorum ve o ilin üzerine gelindiği zaman görünen ek bir görsel ile içerik paylaşıyorum.
Çalışma için kullandığım kodlar şu şekilde;

<center><img src="TurkeySvg.png" usemap="#harita" ></center>
<map name="harita">
<a href="#" onmouseover="document.getElementById('tshirt').style.display='block';" onmouseout="document.getElementById('tshirt').style.display='none';">
<area shape="rect" coords="1081,244,1227,347" href="" onmouseover="this.src='samsun.png';"></a>
</map>

Bu kodları bir html dosyası oluşturup denediğim zaman sorunsuz çalışıyor. Ancak wordpress sitemin içerisine bu kodları yazdığımda ana görsel geliyor ama fonksiyonlar çalışmıyor. Nasıl çözebilirim bu durumu?