Fremhævelse af tekst på et billede
På: http://www.gamle-husdyrracer.dk/soebogaard/etikette.htmhar jeg en etikette med 5 svært læselige tekstområder, disse tekstområder har jeg tænkt mig at lave enkeltvis billeder af som er læselige, meningen er så at brugeren ved at lade cursoren glide henover ét af tekstområderne på etikketen får et forstørret og læseligt billede frem af netop den tekst som så ligger sig ovenpå etikette billedet indtil cursoren er væk fra det tekstområde.
Jeg har ikke det store kendskab til JavaScript
Koden der er brugt i ovenstående link er:
html>
<head>
<!-- Minus AutoDato -->
<title>ETIKETTE</title>
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
</head>
<body bgcolor="#FFF0E1" bgproperties="fixed" LINK="#008000" ALINK="#008000" VLINK="#008000">
<div align="center"><center>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<!-- Minus AutoDato -->
<META NAME="Generator" CONTENT="Stone's WebWriter 3.5">
<script language="JavaScript">
var ns, ns6, ie;
ns = (document.layers) ? true : false;
ns6 = (document.getElementById) ? true : false;
ie = (document.all) ? true : false;
function getLayerStyle( lyr ){
if( ns ){
return document.layers[lyr];
} else if( ie ){
return document.all[lyr].style;
} else if( ns6 ){
return document.getElementById(lyr).style;
}
}
function ShowHide(layer){
newlayer = getLayerStyle(layer)
if (newlayer.visibility == "hidden") {
newlayer.visibility = "visible";
}
else if (newlayer.visibility == "visible") {
newlayer.visibility = "hidden";
}
}
</script>
</HEAD>
<BODY>
<DIV STYLE="top:100px;left:100px;position:absolute;">
<IMG SRC="etikette.jpg" BORDER="0" WIDTH="438" HEIGHT="149" ALIGN="bottom" ALT="">
</div>
<div STYLE="top:100px;left:100px;position:absolute;width:160px;height:120px;font-size:0.5em;" onmouseover="java script:ShowHide('mitlayer1')" onmouseout="java script:ShowHide('mitlayer1')">df
<div name="mitlayer1" id="mitlayer1" style="background-color: #FFF0E1 ; visibility: hidden;font-size:1.5em;top:0px;left:0px;position:absolute;">
<font COLOR="#000000">Hej med dig</font>
</div></div>
</BODY>
</HTML>
