CSS+JavaScript (Differenzen IE+NN)
Andreas Dondera
- css
0 Joachim0 Antje Hofmann
Folgendes Problem trat bei mir zu Tage. Ich möchte auf einer Seite Grafiken via CSS frei positionieren. Desweiteren sollen aber eben diese Grafiken als Link Verwedung finden und mittels Javascript animiert werden. Dieses funktioniert im IE einwandfrei indem ich die CSS-Klassen im IMG-Tag einbinde und so die Grafiken positioniere. Leider interpretiert der NN die Klassen im IMG-Tag nicht und positioniert die Grafiken nicht entsprechend. Wenn ich die IMG-Tags in DIV-Tags einbinde (hier akzeptiert der NN die Klassen) werden die Grafiken zwar korrekt positioniert, aber ich habe keine Möglichkeit diese per Javascript zu animieren.
Hat einer eine Idee?
Vielen Dank im voraus
Donde
hi,
..aber ich habe keine Möglichkeit diese per Javascript zu animieren.
doch, aber da Du hier durch das absolute Positionieren einen Layer erzeugt hast, musst Du diesen in der Hirarchie beim NC auch ansprechen. Das wird etwas kompliziert, denn jetzt hast Du verschiedene Syntax fuer IE und NC.
also:
// NC
if(document.layers) document.layers[die_Nummer_des_Layers].document.images[0].src="...";
// IE
if(document.all) document.images[die_Nummer_des_Bildes].src="..."
Alles klar? Gruesse Joachim
Hallo Dondo
Wenn ich die IMG-Tags in DIV-Tags einbinde (hier akzeptiert der NN die Klassen) werden die Grafiken zwar korrekt positioniert, aber ich habe keine Möglichkeit diese per Javascript zu animieren.
Um Images in absolut positionierten Divs im Navigator ansprechen zu können mußt du zuerst den Div selbst ansprechen.
Beispiel:
<div id="eins" style="position:absolute;...">
<img src="abc.gif" name="abc1"></div>
angesprochen wird es mit document.eins.abc1.src="abc2.gif"
mehr dazu findest du unter
<../../sfausles/tsfa_tbb.htm#a1>
und im Archiv, Suchbegriffe Layer, Netscape, image, Bilder
Viele Grüße
Antje