Implementering af overlib
Hejsa Experter...jeg har et stort problem...jeg ønsker at implementere overlib i nedenstående kode, således at når musen kommer over det ene billede (prik) kommer der et overlib script op. Title er ikke nok, da jeg ønsker at anvende caption og hvad der dertil høre i Overlib.<script type="text/JavaScript">
var venner = new Array(
{"n":"Sophus","x":191,"y":260},
{"n":"Gurli","x":156,"y":212},
{"n":"Poul-Otto","x":237,"y":113},
{"n":"Karsten Nørgaard\nHobrovej 9/n9000 Aalborg","x":137,"y":113}
);
function setDots() {
var a, v = venner;
a = new Array();
for ( i=0; i<v.length; i++ ) {
a.push("<img src=\"prik.png\" style=\"left:" + (v[i].x-5) + "px;top:" + (v[i].y-5) + "px;\" title=\"Her bor " + v[i].n + "\">");
}
document.getElementById("mapCont").innerHTML += a.join("");
}
window.onload = function() {
setDots();
}
</script>
<style type="text/css">
#mapCont {
position: relative;
}
#mapCont img {
position: absolute;
width: 10px;
height: 10px;
background-color: red;
}
</style>
<div id="mapCont">
<img id="kort" src="danmark.png" style="width:400px;height:538px">
</div>
Jeg har tidligere brugt noget i stil med nedenstå kode til overlib..
<html>
<head>
<title>Venner</title>
<script type="text/javascript" src="overlib.js">
<body bgcolor="#ffffff">
<div id="overDiv" style="position:absolute; visibility:hidden; z-index:1000;"></div>
<a href="3.html" target="main" onmouseover="return overlib('Skrædderbakkevejen 3<br>3700 Rønne', CAPTION, 'Børge);" onmouseout="return nd();"><img name="prik.png" src="prik.png" width="12" height="12" border="0" alt=""></a>
</html>
Håber der er nogen der kan hjælpe!!!
