\"Vis billede ved mus hen over tekst\"

Du kunne f.eks smide dine billeder ind i lag og vise dem istedet. De kan så placeres inde i tabellen.

<html>
<head>
    <title>Untitled</title>     
<script language=\"javascript\">   
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;

function over(id){
if (ns4){
document.layers[id].visibility = \"show\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"visible\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"visible\";
}else if (ie4) {
document.all[id].style.visibility = \"visible\";
    } 
}

function ud(id){
if (ns4){
document.layers[id].visibility = \"hide\"
}else if (ns6) {
document.getElementById(id).style.visibility = \"hidden\";
} else if (ie5) {
document.getElementById(id).style.visibility = \"hidden\";
}else if (ie4) {
document.all[id].style.visibility = \"hidden\";
    } 
}

</script>
</head>

<body>
<a href=\"#\" onMouseover=\"over(\'lag1\')\" onMouseout=\"ud(\'lag1\')\">kuk1</a>
<a href=\"#\" onMouseover=\"over(\'lag2\')\" onMouseout=\"ud(\'lag2\')\">kuk2</a>

<div id=\"lag1\" name=\"lag1\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Her sætter du billede 1 ind</div>

<div id=\"lag2\" name=\"lag2\" style=\"position: absolute; left:50; top:50; width: 200; height:100; z-index: 3; visibility: hidden\">Her sætter du billede 2 ind</div>

</body>
</html>

Det er javascript du skal have fat på, og der ligger sikkert en masse du kan tage her på eksperten :)

//Anders

Du skal så give alle <div> et unikt navn. Her: \"lag1\" - Samtidigt skal du give tilsvarende navn på dit link - onMouseover=\"over(\'lag1\')\"

Sorry, du kom mig lige i forkøbet :(

Hej Mini-man
Hvis det ikke må være for overskueligt kan du prøve med, at lave den tekst der skal stå der, når man ikke fører musen over et link, til et billede med din tekst på.
og evt. bruge nedstående eks.

VH Jesper

<html>
<head>
<SCRIPT language=javascript>
function ChangeImg(imgName,Target) {
img = new Image;
img.src = imgName;
document[Target].src = img.src;
}
</SCRIPT>
</head>
<body>

<a href=\"side01.html\" onmouseover=\"ChangeImg(\'link1.gif\',\'stedet\')\"
onmouseout=\"ChangeImg(\'tekst.gif\',\'stedet\')\" >link 1</a>
<a href=\"side02.html\" onmouseover=\"ChangeImg(\'link2.gif\',\'stedet\')\"
onmouseout=\"ChangeImg(\'tekst.gif\',\'stedet\')\" >link 2</a>
<a href=\"side03.html\" onmouseover=\"ChangeImg(\'link3.gif\',\'stedet\')\"
onmouseout=\"ChangeImg(\'tekst.gif\',\'stedet\')\" >link 3</a>
<a href=\"side04.html\" onmouseover=\"ChangeImg(\'link4.gif\',\'stedet\')\"
onmouseout=\"ChangeImg(\'tekst.gif\',\'stedet\')\" >link 4</a>

<img border=\"0\" width=\"20\" height=\"9\" name=\"stedet\" src=\"tekst.gif\" >
</body>
</html>

tak for begge svar....nu er det meget lettere..(undskyld at jeg ikke delte pointe mellem jer men jeg ved ikke lige hvordan man gør..)

Det går nok. En anden gang skal du holde \"shift\" nede og markere dem du vil fordele pointene ligeligt i mellem. Eller du kan klikke \"avanceret\" og så give mig 15 og ordinary 45. Anyway det bliver næste gang.

:-)

/Nikolaj

Hej Mini-man
Jeg mente selvfølgelig \"uoverskueligt\", men det har du nok regnet ud.
Tak for points.

VH Jesper