<ole>
Der er nogle ting, jeg ikke forstår:
1. Hvad mener du med "Hvis der altså er nogen??"? Du har vel en browser, du kan teste i :)
2. Hvorfor i alverden lægger du billeder på 300Kb på nettet? Dine billeder skal komprimeres _voldsomt_!
Da du bruger så ekshorbitant tunge billeder, når de ikke at loade, hvorfor en fejl udløses. Jeg har rettet lidt i koden (og i øvrigt fjernet nogle gamle rester af en tabel):
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TITLE</title>
<style type="text/css">
body, html {
height: 100%;
margin: 0px;
}
#overDiv {
position: absolute;
visibility: hidden;
cursor: pointer;
z-index: 100;
}
</style>
<script type="text/JavaScript">
var overDiv, loaded=false;
function swapOver(thisArea, im_src) {
if (!loaded) return;
var L, T, clckStr, minX, minY, cPair, aCoords = thisArea.coords.split(",");
clckStr = (thisArea.target && thisArea.target!="")? "window.open('" + thisArea.href + "', '" + thisArea.target + "')" : "location.href='" + thisArea.href + "'";
overDiv.innerHTML = "<img src=\"" + im_src + "\" title=\"" + thisArea.alt + "\" alt=\"" + thisArea.alt + "\" onmouseout=\"swapOut()\" onclick=\"" + clckStr + "\">";
if (thisArea.shape.toLowerCase()=="rect") {
L = aCoords[0];
T = aCoords[1];
}
else if (thisArea.shape.toLowerCase()=="circle") {
L = aCoords[0] - aCoords[2];
T = aCoords[1] - aCoords[2];
}
else if (thisArea.shape.toLowerCase()=="poly") {
minX = minY = 100000;
aCoords = thisArea.coords.split(" ");
for (i=0; i<aCoords.length; i++) {
cPair = aCoords[i].split(",");
minX = Math.min( minX, cPair[0] );
minY = Math.min( minY, cPair[1] );
}
L = minX;
T = minY;
}
overDiv.style.left = L + "px";
overDiv.style.top = T + "px";
overDiv.style.visibility = "visible";
window.status = thisArea.href;
}
function swapOut() {
if (!loaded) return;
overDiv.style.visibility = "hidden";
window.status = "";
}
window.onload = function() {
overDiv = document.getElementById("overDiv");
loaded = true;
}
</script>
</head>
<body>
<div style="position:relative">
<div id="overDiv"></div>
<img src="helsingekort.jpg" usemap="#Map" border="0">
</div>
<map name="Map">
<area shape="circle" coords="380,265,45" href="kort2.html" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="545,235,5" href="13" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="510,340,5" href="12" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="350,395,5" href="11" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="370,345,5" href="10" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="235,290,5" href="9" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="172,152,5" href="8" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="195,160,5" href="7" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="208,146,5" href="6" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="265,126,5" href="5" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="280,126,5" href="4" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="269,90,3" href="3" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="259,75,2" href="2" target="_blank" onmouseover="swapOver(this, '1.jpg')">
<area shape="circle" coords="284,57,3" href="1" target="_blank" onmouseover="swapOver(this, '1.jpg')">
</map>
</body>
</html>
Læg også mærke til, at jeg har sat DTD'en ind igen. Den havde du fjernet fra min oprindelige kode - på trods af, den er noget af det vigtigste i ethvert HTML-dokument.
Den skal *altid* findes i begyndelsen af et HTML-dokument ... ellers har det intet med HTML at gøre ;o)
/mvh
</bole>
Slettet bruger
Ny bruger
Nybegynder
Opret
Preview
