Jeg har nedenstående kode der virker fint i Firefox, men, desværre, skal det også tilpasses Internet Explore, Safari og Chrome. Problemet er, at den ikke vil vise teksten ($row[navn]), da den laver symbolet for "filen kan ikke læses" - jeg går ud fra, at det er fordi det er en img kode, men da den virker i FF må det jo også kunne tilpasses de andre browsere
Billedet ved moueover virker fint ved alle.
Nogen der kan hjælpe mig med dette problem?
<script type="text/javascript">
function ShowBigImage(image) {
var BigImage = document.getElementById("BigImage");
BigImage.setAttribute("src",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>
<style type="text/css">
#BigImage{
display:none;
position:absolute;
width:100px;
height:100px;
border:1px solid #000;
}
</style>
<img id="BigImage" alt="Stort billede" src="">
<a href="<img src="billede1.png" onmouseover="ShowBigImage('<?=$row[billede]?>')" onmousemove="MoveBigImage(event.clientX, event.clientY)" onmouseout="HideBigImage()">