✔ Fade in / out von Layern

J

julieann

Erfahrenes Mitglied
Hallo!
Habe folgendes Skript, um meinen Layer zunächst mal einzufaden.
Aber irgendwie klappt´s nich und ich weiß nich, warum!


im <head>:
Code: 
<script language="JavaScript">
//fades layer in
ie5  = (document.all && document.getElementById);
ns6 = (!document.all && document.getElementById);
opac = 0;

function fadeIn(id) {
	if(opac != 100){
		opac+=1;
		var mydiv = document.getElementById(id);
		if(ie5) mydiv.filters.alpha.opacity = opac;
		if(ns6) mydiv.style.MozOpacity = opac/100;
		setTimeout('fadeIn(id)', 3);
	}
}
</script>


Dann (in der div id=menu) habe ich ein Bild mit Rollovereffekt als Menu (gebe nur den ersten Link an):

Code: 
<map name="FPMap0">
    
    <area shape="polygon" coords="119, 24, 124, 2, 274, 3, 274, 26" href="#" alt="PrePress-Service" onMouseOver="changer('holder',01);" 
onMouseOut="changer('holder',07);" 
onclick=javascript:fadeIn('prepress')>

Mit diesem ersten Link will ich die id 'prepress' einfaden (später natürlich muss hinzukommen, die übrigen auszufaden.

Kann mir jemand weiterhelfen?
Wòran liegt´s
 
Zuletzt bearbeitet:
Hallo!
Also, ich habe das geändert, und oben auch editiert. Aber leider es immer noch nicht.

Kann mir jemand helfen?
Oder hat jemand ein alternatives Skript zum Layer ein-/ausfaden, das er mir zur Verfügung stellen würde?
 
Ok, schon mal vielen Dank.
Das Einfaden an sich funktioniert jetzt zwar, allerdings ist der Layer zuvor sichtbar (d.h., ich kann zwar sehen, wenn ich genau drauf achte, dass der Layer eingefaded wird, aber weil der Layer vorher schon zu sehen war, merkt man es kaum). Was muss ich einfügen, damit der Layer beim Laden der Seite unsichtbar ist? Er soll natürlich erst sichtbar WERDEN. Mit 'hidden' klappt das ja nicht, weil das faden über die opacity-Eigenschaft läuft.
 
Habe leider immer noch keine Lösung für mein Problem gefunden.

Hatte jetzt extra folgendes eingefügt, weil ich dachte, daran liegt´s:

Code: 
<div id="prepress" style="filter:alpha(opacity=0);">

Jedenfalls: der div (bzw. später mehrere), den ich einblenden will, ist leider schon beim Laden der Seite zu sehen (wenn ich dann den link drücke, sieht man, dass er "eingefaded" wird und eigtl doppelt da ist, aber das ist ja nicht sinn der sache, er muss ja vorher unsichtbar sein).

Weiß jemand Rat?
 
Wenns am anfang einfach nur nicht sichtbar sein soll : style="visibility:hidden" ins div-Tag oder wo auch immer. Allerdings dürfte dann wieder nicht dein script funktionieren ... den post am besten ignorieren :D.
 
Zuletzt bearbeitet:
Naja, neftarius hat Recht, es nicht (hab´s auch probiert).
mein script arbeitet ja mit der alpha.opacity. wenn ich aber am anfang den <div> auf hidden setze, dann passiert halt nix beim ausführen des skripts.
kann man nicht die opacity am anfang auf 0 setzen oder so ähnlich?
und das skript erhöht sie dann nach und nach auf 100?
irgendwie weiß ich nicht weiter, will ja nur ein fading script eigtl, aber krieg es nicht zusammengebaut.
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück