MAP image not working (not resize/repositioning ) in one page template


#1

​Hi I created an image ( just a jpg) with some map area on it I’m using as this map image to swap image. I created it the map firstly in one html page a part from the template, where is working perfectily on every device, 'cause it containes a s simple in line css that resize the image and reposition in a correct way the maps area on the images. You can see and look at the code at (http://www.ebugrafik.com/work/jean/map.htm) Once I copy the code in the one page barber shop template I’m using, the map works but I do not find any solution to make the sensible area (map hotspot) already working in the other file. They do not resize together with the map and they just read the abosulute coordinate I gave.
please help me … I’m getting crazy!!! :slight_smile:

this is the html code for the image and relatives map, that makes main image swap, resize, repositiong the maps image.

<!doctype html>

Documento senza titolo img {width: 100%; height: auto;}
  <script type="text/javascript">

function RollMapOn(i)
{
var IMG = document.getElementById(“immagine”);
IMG.src = “images/jean/rollMap/MAP_0” + i + “.jpg”;
}
function RollMapOff()
{
var IMG = document.getElementById(“immagine”);
IMG.src = “images/jean/MAP.jpg”;
}

>