skift billede ved mouseover
HejJeg vil gerne have at når man køre musen over et tekst-link så bliver der vist et billede et andet sted på siden. Men når musen så glider videre til det næste link skal et nyt billed blive vist på den samme plads som det første billede.
(se eksemplet : http://kryt.dk/kasser/webdesign.htm - kør musen over de små billeder)
Det jeg gerne vil have gjort anderledes denne gang er at nu skal det ikke være et billede som musen køre over , men et tekst-link.
Jeg sender den kode med som jeg brugte i eksemplet - måske kan det hjælpe.
I <head>: <script type="text/javascript">
var activeImg;
function swapImages(ID) {
elm = document.getElementById(ID).style
if (activeImg) {activeImg.display="none";}
elm.display = (elm.display == "block") ? "none" : "block";
activeImg = elm;
}
function initImg() {
activeImg = document.getElementById("pic1").style;
activeImg.display = "block";
}
window.onload=initImg;
</script>
I <body>: <td width="182" height="119" valign="top" background="images/grafiskdesign.gif"><img id="pic1" src="images/quick_mellem.jpg" style="display:block">
<img id="pic2" src="images/rose_mellem.jpg" style="display:none">
<img id="pic3" src="images/flere_roser.jpg" style="display:none">
</td>
<td width="185" height="119" valign="top" background="images/kontaktside.jpg">
<table width="185" height="119" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<td height="17" colspan="4"><img src="images/space_holder.gif" width="1" height="1"></td>
</tr>
<tr>
<td width="46" height="24" valign="bottom"><a href="http://www.kryt.dk/green1/bg.htm" target="_blank"><img src="images/quick_lille.jpg" alt="Quick Rengøring" width="35" height="24" border="0" onmouseover="swapImages('pic1')" onmouseout="swapImages('pic1')"></a></td>
<td width="46" valign="bottom"><a href="#" onClick="window.open('rose.htm ', 'rose', 'width=326,height=480,top=100,left=225,status=0,toolbar=0,menubar=0,location=0,resizable=0,scrollbars=0,titlebar=1');" ><img src="images/rose_lille.jpg" alt="Rose" width="35" height="24" border="0" onmouseover="swapImages('pic2')" onmouseout="swapImages('pic2')"></a></td>
<td width="46" valign="bottom"><a href="#" onClick="window.open('rose_flere.htm ', 'flere', 'width=580,height=387,top=100,left=225,status=0,toolbar=0,menubar=0,location=0,resizable=0,scrollbars=0,titlebar=1');" >
<img src="images/flere_roser_lille.jpg" alt="Roser" width="35" height="24" border="0" onmouseover="swapImages('pic3')" onmouseout="swapImages('pic3')"></td>
<td width="45" valign="bottom"> </td>
</tr>
<tr valign="top">
<td height="78" colspan="4"> </td>
</tr>
</table></td>
Håber der er nogen der kan hjælpe :-)
