nicht angemeldet
Bildwechsel, Layer, div - wie funktioniert das in Netscape??
Hilfe!!! S.O.S.!!! Vielleicht kann mir jemand helfen!!!
Ich habe folgendes Problem:
Ein Bildwechsel inkl. Textwechsel mit einem mouseover.
Kleine Bilder liegen wie in einer Collage versetzt übereinander. Bei einem Rollover über ein kleines, wird das große in das blind.gif geladen und legt sich über die kleinen. zeitgleich, taucht der dazugehörige Text für das große Bild auf.
Beim mouseout verschwindet das große Bild mit dem Text und die kleine Bilder-Collage kommt wieder zum Vorschein - bis zum nächsten mouseover.
Im IE funktioniert alles tadelos, ohne Probleme.
Im Netscape legen sich die Blind.gifs von Anfang an über alles, so daß man nicht mehr an die BilderCollage kommt - obwohl die Funktion "function gifZuruck" eingebaut ist.
Script:
<html>
<head>
<title>Galerie</title>
<LINK HREF="../E_css/style.css" REL="STYLESHEET" TYPE="text/css">
<script language="javascript">
<!--
function bildwechsel (Bild,Dateiname,x)
{
if(document.all){
window.document.images[Bild].src=Dateiname;
}else{
document.layers["lage"+x].document.images[Bild].src=Dateiname;}
}
var z=10;
function nachVorn(y){
if(document.all){
document.all[y].style.zIndex=z;
}else{
document.layers[y].zIndex=z;}
}
var a=0;
function gifZuruck(b){
if(document.all){
document.all[b].style.zIndex=a;
}else{
document.layers[b].zIndex=a;}
}
var Schmucktext = new Array ("","<font face='Futura','arial','Helvetica' size='-2' color='0000FF'>Der Mond...</font>","","","");
function textwechsel(welcher){
if(document.all){
document.all["text"].innerHTML=Schmucktext[welcher];
}else{
document.layers["textlayer"].document.write("<div id='text' style='position:absolute; left:15px; top:370px;'>" + Schmucktext[welcher] + "</div>");
}
}
//-->
</script>
</head>
<body BACKGROUND="../H_Kacheln/Kachel.jpg" MARGINWIDTH="0" MARGINHEIGHT="0" TOPMARGIN="0" LEFTMARGIN="0" link="#0000cc" alink="#3333cc" vlink="#cc3300">
<img src="../ganzr.gif" width=616 height=440 border=0 style="left: auto; top: auto; position: absolute;" alt="">
<!-- neue Positionierung (beim Rollover) mit Blind.gif-Container-->
<div class="Ipositionid1" id="lage9"><a href="#" onmouseout="bildwechsel('Bild8','Intim/blind.gif','9');gifZuruck('lage9');textwechsel(0);"><img src="Intim/blind.gif" width=350 height=243 border=1 name="Bild8" alt="Mond"></a>
</div>
<div class="Ipositionid2" id="lage10"><a href="#" onmouseout="bildwechsel('Bild9','Intim/blind.gif','10');gifZuruck('lage10');textwechsel(0);"><img src="Intim/blind.gif" width=350 height=243 border=1 name="Bild9" alt="Sonne"></a>
</div>
<!-- Bildwechsel (beim Rollover)-->
<div class="Iposition2" id="lage1"><a href="#" onmouseover="bildwechsel('Bild8','Intim/O\_0025.jpg','9');nachVorn('lage9');textwechsel(1);" onmouseout="bildwechsel('Bild0','Intim/O\_0025k.jpg','1');"><img src="Intim/O\_0025k.jpg" border=0 name="Bild0" alt="Mond"></a>
</div>
<div class="Iposition1" id="lage2"><a href="#" onmouseover="bildwechsel('Bild9','Intim/O\_0020.jpg','10');nachVorn('lage10');textwechsel(2);" onmouseout="bildwechsel('Bild1','Intim/O\_0020k.jpg','2')"><img src="Intim/O\_0020k.jpg" border=0 name="Bild1" alt="Sonne"></a>
</div>
<!-- Textwechsel (beim Rollover) mit Blind.gif-Container-->
<layer id="textlayer"><div id="text" style="position:absolute; left:15px; top:370px;"></div></layer>
<div class="fliessnext"><a href="Intim\_5b.htm" target="Inhalt">go back</a> <a href="Intim\_7b.htm" target="Inhalt">go next</a></div>
</body>
</html>
Wer kann mir helfen?
Ich bin dankbar für jede Anregung
Viele Grüße Sita
-
Viele Grüße Sita
Hi!
Nun, so richtig kann ich das ganze nicht nachvollziehen. Aber vielleicht findest du hier etwas:
<../../sfarchiv/1999_2/t04633.htm>
Viele Grüße
Dietmar