Hej Roenving.
Det ser rigtigt godt ud, super fedt. Takker.
Jeg har lige to spørgsmål.
1. Kan man i "id1":["small.jpg","Her er en forklarende tekst, der kan stå ved siden af billedet"] ændre på tekst-formatter? f.eks lave noget af teksten fed?
2. Kan man gøre teksten i <td><img style="width:100px;" align="left"><span>Her er der noget tekst bla bla bla bla</span></td> synlig fra start. Altså tænkter på noget i retning af "Før musen over billedet, bla bla..." Så den tekst er default når der ikke er mouseover?
Men i hvert fald endnu en gang tak, det er super sejt.
<script type="text/javascript">
var desc = {
"id1":["small.jpg","Her er en forklarende tekst, der kan stå ved siden af billedet"],
"id2":["small2.jpg","Her er en forklarende tekst II, der kan stå ved siden af billedet"]
}
function showText(id){
var tab = document.getElementById("table1");
tab.getElementsByTagName("img")[0].setAttribute("src",desc[id][0]);
tab.getElementsByTagName("span")[0].firstChild.nodeValue = desc[id][1];
tab.style.visibility = "visible";
}
function hideText(){
document.getElementById("table1").style.visibility = "hidden";
}
</script>
</head>
<body>
<table border="0" width="510" height="96" id="table1" style="visibility:hidden;float:left; font-family:Verdana">
<tr>
<td width="100"></td>
<td><img style="width:100px;" align="left"><span>Her er der noget tekst bla bla bla bla</span></td>
<td width="100"></td>
</tr>
</table>
<p><br>
</p>
<p> </p>
<p> </p>
<table border="0" width="510" id="table2">
<tr>
<td>
<p align="center"><map name="Map1">
<area href="side1.html" shape="polygon" coords="206, 46, 229, 250, 320, 71" onmouseover="showText('id1');" onmouseout="hideText();">
<area href="side2.html" shape="polygon" coords="228, 253, 171, 163, 206, 43" onmouseover="showText('id2');" onmouseout="hideText();">
</map>
<img border="0" src="pic.jpg" width="400" height="621" usemap="#Map1"></td>
</tr>
</table>
</body>
Og så må du gerne ligge et svar.
