• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

Mouseover mit NE6

sile2000

New member
Hallo Profis
Ich habe ein Script mit dem man Layer und deren Inhalt sichtbar macht(bei mouseover), aber in NE6 funktioniert das nicht;-(
Hier mein Script:
<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 5">
<title></title>
<SCRIPT LANGUAGE="JavaScript">
if (document.layers) {
ns = 1; ie = 0;
} else {
ns = 0; ie = 1;
}
var i = 1;
var test = "Ebene";
function zeigeBildNr(bild_nr){
verbergen(eval('"' + test + i +'"'));
zeigen(eval('"' + test + bild_nr +'"'));

i = bild_nr;
}
function zeigen(name) {
if (ns) {
document.layers[''+name].visibility = "show";
}
else {
document.all[''+name].style.visibility = "visible"
}
}
function verbergen(name) {
if (ns){
document.layers[''+name].visibility = "hide"
}
else {
document.all[''+name].style.visibility = "hidden"
}
}

</SCRIPT>
<style media="screen" type="text/css"><!--
#Ebene1 { position: absolute; top: 35px; left: 0px; width: 78px; visibility: hidden }
#Ebene2 { position: absolute; top: 35px; left: 78px; width: 125px; visibility: hidden }
#Ebene3 { position: absolute; top: 35px; left: 203px; width: 137px; visibility: hidden }

--></style>

</head>

<body background="Image/navi.jpg" leftMargin="0" marginHeight="0" marginWidth="0" topMargin="0">
<div align="left">
<img src="Image/blank.gif" width="795" height="32" border="0" usemap="#blank">
<p></p>
<p></p>
<p></p>

<div id="Ebene1">
<img src="Image/11.jpg" width="78" height="15" border="0"><a href="http://www.crossmediagroup.ch" target="_blank"><img src="Image/12.jpg" width="78" height="38" border="0"></a></div>
<div id="Ebene2">
<a href="portofolio1.cfm" target="main"><img src="Image/21.jpg" width="125" height="14" border="0"></a><a href="case_studies1.cfm" target="main"><img src="Image/22.jpg" width="125" height="39" border="0"></a></div>
<div id="Ebene3">
<a href="portofolio2.cfm" target="main"><img src="Image/31.jpg" width="137" height="14" border="0"></a><a href="case_studies2.cfm" target="main"><img src="Image/32.jpg" width="137" height="39" border="0"></a></div>

<map name="blank"><area shape="rect" coords="209,0,342,31" href="#" onmouseover="zeigeBildNr(3); return false"><area shape="rect" coords="4,0,81,31" href="#" onmouseover="zeigeBildNr(1); return false" ><area shape="rect" coords="87,0,204,31" href="#" onmouseover="zeigeBildNr(2); return false"></map>

</body>

</html>
 
hi,

der NS versteht den Layer nur noch begrenzt und man muß viel probieren damit dieser den Layer überhaupt noch versteht.

Ein fertiges Script mit onMouseover findest du hier:

<script language="JavaScript">
<!--
image0 = new Image();
image0.src = "GrafikAus1.gif";
imageon0 = new Image();
imageon0.src = "GrafikAn1.gif";

image1 = new Image();
image1.src = "GrafikAus2.gif";
imageon1 = new Image();
imageon1.src = "GrafikAn2.gif";

function wechsel(Bildnr,Bildobjekt)
{
window.document.images[Bildnr].src = Bildobjekt.src;
}
//-->
</script>
<a href="#" onMouseOver="wechsel(0,imageon0)" onMouseOut="wechsel(0,image0)"> <img SRC="GrafikAus1.gif" WIDTH="135" HEIGHT="35" BORDER="0"></a>
<br>
<a href="#" onMouseOver="wechsel(1,imageon1)" onMouseOut="wechsel(1,image1)"> <img SRC="GrafikAus2.gif" WIDTH="135" HEIGHT="35" BORDER="0">


ciao,
Klaus...
 
Zurück
Oben