CSS-gestylte Graphiken dynamisch verändern
Alex
- css
0 Alex
Liebe Leute,
ich habe ein ähnliches Problem wie Jochen unter
http://www.teamone.de/selfaktuell/forum/messages/78180.html
aber leider funktionieren Eure tips oder Links bei mir nicht.
Hier ist der Quelltext:
function Change(Name,Object){
window.document.vordergrund.src = Object.src;
}
...
<div style="position:absolute; top:70px; left:50px; "><IMG SRC="bla.gif" name="hintergrund" WIDTH="338" HEIGHT="329"></div>
<div style="position:absolute; top:70px; left:50px; "><IMG SRC="bla.gif" name="vordergrund" WIDTH="338" HEIGHT="329" BORDER="0" USEMAP="#mymap">
<MAP NAME="mymap">
<AREA
COORDS="0,0,0,329,300,300,300,0"
SHAPE="poly" HREF="index.html"
ONMOUSEOVER="Change(vordergrund,bla_active)"
ONMOUSEOUT="Change(vordergrund,bla)">
</MAP>
</div>
Mein Netscape 4.72 für Linux meldet jedenfalls nur einen javascript-Fehler. Komisch ist auch, daß wenn ich die Bilder mittels document.images[Nr] anspreche, die Bilder in den <div>s nicht mitgezählt werden.
Wie Ihr sicherlich seht, funktioniert die Change-Funktion auch nicht mit dem Parameter Name, warum weiß ich auch nicht- bestimmt eine blöde Frage...
Vielleicht mache ich es mir aber auch etwas zu kompliziert, eigentlich will ich nur, daß sich die Map-Graphik verändert, wenn ich mit der Maus darüberfahre, ich brauche aber die absolute Positionierung, da ich durchsichte gifs darüberblende.
Vielen Dank für Eure Mühe,
Alex
Tja, da bin ich beim stöbern doch eher zufällig auf
einige verwandte Artikel gestoßen. Das SelfHTML-Kapitel
über browserspezifisches dynamisches Positionieren habe
ich ganz bewußt nicht gelesen, da ich eigentlich nicht
für irgendeinen Browser schreiben will.
Ich dachte ja, ich bin so schlau und benutze das <p>-tag
oder <div>, damit ich eben keine Layer benutze, aber das
war wohl nichts.
Vielleicht kann mir mal jemand einen Tip geben, wie ich
das Problem auch W3C-konform lösen kann. Oder gibt es
keinen Browser, der das versteht?
Danke, Alex