W
windandwaves
Hi Folk
I recently completed an interactive map. I have now discovered that it is not working in Opera.
The address is:
http://switch.hosts.net.nz/~admin64/search.php
The map is basically 20+ images over each other, each of which are transparent gifs.
Apart from the first one (bottom, showing the country), they are not visible until the mouse moves over the map. That is to say,
the JavaScript swaps the image from hidden to visible. The css for the hidden part is:
#map IMG.n {position: absolute; left: 0px; top: 0px; visibility: hidden; z-index: 5}
and for those that are visible:
#map IMG.v {position: absolute; left: 0px; top: 0px; visibility: visible; z-index: 10}
I think this is where the problem lies. The map seems to be working on Netscape, IE and firefox, but in Opera the areas are not
highlighted.
FYI, the way the styles get swapped is as follows:
.....
if (document.layers) {
img = findElement('i'+r,0);
}
else {
img = document.images['i'+r];
}
if (img) {
img.className = "v";
}
....
Do you think that perhaps Opera does not recognise this swap (it seems to, because at times it shows parts of the images).
Does anyone have any hints?
Cheers
- Nicolaas
I recently completed an interactive map. I have now discovered that it is not working in Opera.
The address is:
http://switch.hosts.net.nz/~admin64/search.php
The map is basically 20+ images over each other, each of which are transparent gifs.
Apart from the first one (bottom, showing the country), they are not visible until the mouse moves over the map. That is to say,
the JavaScript swaps the image from hidden to visible. The css for the hidden part is:
#map IMG.n {position: absolute; left: 0px; top: 0px; visibility: hidden; z-index: 5}
and for those that are visible:
#map IMG.v {position: absolute; left: 0px; top: 0px; visibility: visible; z-index: 10}
I think this is where the problem lies. The map seems to be working on Netscape, IE and firefox, but in Opera the areas are not
highlighted.
FYI, the way the styles get swapped is as follows:
.....
if (document.layers) {
img = findElement('i'+r,0);
}
else {
img = document.images['i'+r];
}
if (img) {
img.className = "v";
}
....
Do you think that perhaps Opera does not recognise this swap (it seems to, because at times it shows parts of the images).
Does anyone have any hints?
Cheers
- Nicolaas