CSS Layer am anfang verdecken.

repent · 04.10.2003, 20:36

Hi, hab da ein Problem mit CSS layern

Ich möchte das die layer beim laden der site noch nicht zu sehen sind, denn mit meinem Code sind sie beim laden der site sichtbar.

Erst wenn die site zu 100% geladen ist verschwinden die layer

Mein code:

PHP-Code:


			
<script language="JavaScript">

<!-- Begin

var ie4 = (document.all) ? true : false;

var ns4 = (document.layers) ? true : false;

var ns6 = (document.getElementById && !document.all) ? true : false;









function Layer_verstecken(lay) {

if (ie4) {document.all[lay].style.visibility = "hidden";}

if (ns4) {document.layers[lay].visibility = "hide";}

if (ns6) {document.getElementById([lay]).style.display = "none";}

}

function Layer_zeigen(lay) {

if (ie4) {document.all[lay].style.visibility = "visible";}

if (ns4) {document.layers[lay].visibility = "show";}

if (ns6) {document.getElementById([lay]).style.display = "block";}

}



//  End -->

</script>

dann:

<body onLoad="MM_preloadImages('src/img/system/news_hover.png'"

und dann halt der layer

Bin noch ein Layer noob, wie mach ich das?

mfg repent

Master_T2 · 20.10.2003, 04:53

Das Problem hatte ich auch vor kurzen. würde auch gern wissen wie...

webmichl · 20.10.2003, 09:06

Versuchs mal mit

<div style="visibility: hidden"><img src="dein_Bild.jpg"></div>

bei Deinen Bildlayern - dann ist's zumindest bei den neueren Browsern nicht zu sehen...

Master_T2 · 20.10.2003, 21:02

Hi, mein Problem stellt sich folgendermaßen dar. Ich habe folgende Funktion:

Code:

	<script type="text/javascript">
		var switch_menu = "false";
		function switchMenu() {
    		if(switch_menu == "false") {
		        switch_menu = "true";
				document.getElementById('news').style.display = 'none';
        		document.getElementById('login').style.display = 'block';
		    }
    		else {
        		switch_menu = "false";
        		document.getElementById('login').style.display = 'none';
				document.getElementById('news').style.display = 'block';
    		}
		}
	</script>

Mit der Funktion soll man halt zwischen den Layer login und news hin und her springen können. Leider werden beim Seitenload beide Layer angezeigt. Wie krig ich hin, das das layer login nicht gezeigt wird?

Dadurch das das Layer login unterhalb von news beim Laden angezeigt wird, vergrößert sich die Tabelle kurzfristig. Im IE wird sie wieder automatisch verkleinert, im NN leider nicht...

webmichl · 20.10.2003, 21:13

Na ja, wie oben schon gesagt:

Du gibst bei der Festlegung des login-Layers im HTML-Dokument diesem Layer das style-Attribut: "visibility: hidden;" mit auf den Weg:

<div id="login" style="visibility: hidden;">...

Ups - seh gerade noch rechtzeitig, daß Du noch was angehängt hast...

Das Problem dürftest Du durch Positionierung und Größenangaben der beiden Layer beheben können.

Master_T2 · 20.10.2003, 22:16

Da ich leider ein totaler Noon in sachen Layer und JS bin, könntest du mir da vielleicht ein Bsp. geben?

webmichl · 20.10.2003, 22:20

Hier hab ich's zB genauso gemacht.

Krieg aber keinen Schreck beim Sourcecode - da sind's 7 Layer, die ich gegeneinander austausche...

Master_T2 · 21.10.2003, 02:54

Hey cool. Damit hats geklappt

blueGirl · 21.10.2003, 10:48

@webmichl: das ist aber ne schöne seite! (der saftladen. dein privates heim auch, würde sicher gerne mal auf das eine oder andere bild für private zwecke zurückgreifen, dürfte ich?)

webmichl · 21.10.2003, 12:37

jo, klar...

Danke übrigens für's Lob!