onMouseOver vise tekst
Har søgt efter et script som gør at når man fører musen over et billede, så skal den vise navnet på billedet i en infoboks.Har fundet noget herinde, som hiver billedet frem i fuld størrelse. - Har ændret det til tekst, men det virker ikke når jeg ligger det ud.
<html>
<head>
<script type="text/javascript">
function ShowBigImage(image){
var BigImage = document.getElementById("BigImage");
BigImage.innerHTML = ""+image+"";
}
function MoveBigImage(x, y){
var BigImage = document.getElementById("BigImage");
BigImage.style.display = "block";
BigImage.style.left = (x+15) + "px";
BigImage.style.top = (y+15) + "px";
}
function HideBigImage(){
document.getElementById("BigImage").style.display = "none";
}
</script>
</head>
<body>
<center>
<h1>Udskift Billede Ved MouseOver</h1>
<div id="BigImage" style="border:1px solid #000;width:100px;height:100px;display:none;position:absolute;">
</div>
<br /><br />
<img src="billede1.png" onMouseOver="ShowBigImage('HEJ HEJ HEJ ');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">
<img src="billede2.png" onMouseOver="ShowBigImage('LOOL');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">
<img src="billede3.png" onMouseOver="ShowBigImage('billede3.png');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">
<img src="billede4.png" onMouseOver="ShowBigImage('billede4.png');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">
<img src="billede5.png" onMouseOver="ShowBigImage('billede5.png');" onMouseMove="MoveBigImage(event.clientX, event.clientY);" onMouseOut="HideBigImage();">
</center>
</body>
</html>
