Witam ponownie. Mam problem ze zmianą kursora na mapie <map>.
Proszę tutaj kod.
html{
cursor: url(kursor.cur), auto;
}
<script type="text/javascript"> if(document.images) {
imagemap_default = new Image();
imagemap_default.src = 'm/mapa3.jpg';
imagemap_1 = new Image();
imagemap_1.src = 'm/mapa1.jpg';
imagemap_2 = new Image();
imagemap_2.src = 'm/mapa2.jpg';
imagemap_3 = new Image();
imagemap_3.src = 'm/mapa3.jpg';
imagemap_4 = new Image();
imagemap_4.src = 'm/mapa4.jpg';
imagemap_5 = new Image();
imagemap_5.src = 'm/mapa5.jpg';
imagemap_6 = new Image();
imagemap_6.src = 'm/mapa6.jpg';
imagemap_7 = new Image();
imagemap_7.src = 'm/mapa7.jpg';
imagemap_8 = new Image();
imagemap_8.src = 'm/mapa8.jpg';
}
function rollOver(iName,iState) {
if(document.images) {
document.images[iName].src = eval(iName + '_' + iState + '.src');
}
}
<img src="m/mapa.jpg" width="763" style="text-align: center" height="64" border="0" usemap="#map" name="imagemap" />
<area shape="rect" coords="0,2,198,36" href="wnetrza-prywatne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','1')"/>
<area shape="rect" coords="221,2,384,32" href="wnetrza-komercyjne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','2')"/>
<area shape="rect" coords="399,1,489,33" href="design.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','3')"/>
<area shape="rect" coords="507,2,762,32" href="budynki-uzytecznosci-publicznej.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','4')"/>
<area shape="rect" coords="695,34,773,72" href="contact.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','8')"/>
<area shape="rect" coords="498,34,575,75" href="studio.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','7')"/>
<area shape="rect" coords="213,35,470,76" href="domy-jednorodzinne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','6')"/>
<area shape="rect" coords="2,38,188,71" href="budynki-wielorodzinne.html" onMouseOut="rollOver('imagemap','default')" onMouseOver="rollOver('imagemap','5')"/>
Mianowicie kursor działa wszędzie, oprócz na odnośnikach znajdujących się na mapie. Próbowałem dodawać do odnośników style="cursor: ..." lecz nie działało.
Proszę o jakies pomysły czy rozwiązania. Nie mam pojęcia jak zrobić żeby zadziałało. Nawet postawienie w ramce nie działa.
Z góry dziękuję.