Dölja/visa lager

RocketMedlem sedan feb. 2000372 inlägg

Trådstart5 maj 2001 10:55#1

Högst upp på min sida så har jag två bilder. Om musen senast var över bild A så ska lager A visas och lager B vara dolt och om musen senast var över bilden B så ska lager B visas och lager A vara dolt.

Jag tycker inte att det borde vara så svårt men alla script som jag har hittat har en massa special funktioner som jag inte vill ha vilket gör dem alldeles för avancerade för mig.

Skulle det inte räcka med några rader kod för att fixa detta?

JojoxxMedlem sedan juni 20004 308 inlägg

5 maj 2001 17:40#2

Det skulle kunna se ut så här;

<script language="JavaScript">
function showLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "visible";
	} else if (document.layers){
		document.layers[Id].visibility = "show";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "visible";
	}
}
function hideLayer(Id){
	if (document.all) {
		document.all[Id].style.visibility = "hidden";
	} else if (document.layers){
		document.layers[Id].visibility = "hide";
	} else if (document.getElementById){
		document.getElementById(Id).style.visibility = "hidden";
	}
}
</script>
<a href="#" onClick="return false;" onMouseover="showLayer('lager1'); hideLayer('lager2');"><img src="bild1.gif"></a>
<a href="#" onClick="return false;" onMouseover="showLayer('lager2'); hideLayer('lager1');"><img src="bild2.gif"></a>

<a>-elementet används för att onMouseover inte fungerar på bilder i Netscape 4.