rollover med tekst og billed
HejJeg har lavet en hjemmeside med en menu som rolloverbilleder. (www.jacob.hfabc.dk/jacob_hjemmeside_3d/) Men der skal også være en rollover tekst så når jeg føre musen henover billedet skal det både udskiftes og samtidig komme en tekst efter eget valg. Denne kode gør kun det ene:
<script language="javascript" type="text/javascript">
var t = new Array();
t[t.length] = "<a href='#'>Link 0 - 1</a><br><a href='#'>Link 0 - 2</a>"
t[t.length] = "<a href='#'>Link 1 - 1</a><br><a href='#'>Link 1 - 2</a>"
t[t.length] = "<a href='#'>Link 2 - 1</a><br><a href='#'>Link 2 - 2</a>"
t[t.length] = "<a href='#'>Link 3 - 1</a><br><a href='#'>Link 3 - 2</a>"
t[t.length] = "<a href='#'>Link 4 - 1</a><br><a href='#'>Link 4 - 2</a>"
var tekstBliv = false;
function tekst(n){
if(!tekstBliv){
if(n>-1)
document.getElementById('minSpan').innerHTML = t[n];
else
document.getElementById('minSpan').innerHTML = "";
}
}
function markLink(){
tekstBliv = !tekstBliv;
}
</script>
</head>
<body>
<br><a href="java script:void(0)" style="text-decoration:none;color:red" onmouseout="tekst(-1)" onmouseover="tekst(0)" onclick="markLink();">Link</a>
<br><a href="java script:void(0)" style="text-decoration:none;color:red" onmouseout="tekst(-1)" onmouseover="tekst(1)" onclick="markLink();">Link</a>
<br><a href="java script:void(0)" style="text-decoration:none;color:red" onmouseout="tekst(-1)" onmouseover="tekst(2)" onclick="markLink();">Link</a>
<br><a href="java script:void(0)" style="text-decoration:none;color:red" onmouseout="tekst(-1)" onmouseover="tekst(3)" onclick="markLink();">Link</a>
<br><a href="java script:void(0)" style="text-decoration:none;color:red" onmouseout="tekst(-1)" onmouseover="tekst(4)" onclick="markLink();">Link</a>
<br>
<br>
<span id="minSpan" style="color:green;">En span-tekst</span>
Er der nogen som kan sammenkoble nogle koder så der er to rollover i samme link?
På forhånd tak
Jacob
