Lichtschalterproblem
crazzyboi
- multimedia (audio & video)
Hallo alle zusammen. Ich habe ein Problem bei der Erstellung einer Webpraesens:
Ich habe eine Grafik A (ein Foto von einem Lichtschalter) und habe diese als Verweis auf die Seite eingebaut. Jetzt habe ich dass ueber styles so gemacht, dass wenn ich mit der mouse darueber gehe Bild B kommt (ein Schatten ueber dem Lichtschalter).
<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "button1.gif"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "button1h.gif"; /* erste Highlight-Grafik */
</script>
<a href="../../../index.htm"
onmouseover="Bildwechsel(0, Highlight1)"
onmouseout="Bildwechsel(0, Normal1)"><img src="button1.gif"
width="130" height="30" border="0" alt="Home"></a><br>
Jetzt brauche ich Hilfe bei dem Code fuer visited. Was muss ich an dem Quellcode veraendern, damit sich die grafik beim anklicken aendert?
Du verwechselst JavaScript und CSS. In CSS sieht das so aus:
HTML:
<a href="../../../index.htm" id="button1"></a>
CSS:
#button1 { display: block; width: 130px; height: 30px; background: url(button1.gif); }
#button1:hover { background: url(button1h.gif); }
Und so lassen sich auch die Pseudoklassen :active und :visited verwenden.
Gruß, LX
Hallo crazzyboi,
such mal im Javascriptkapitel nach onclick.
Ich glaube aber, das für dein Problem eine CSS-Lösung mit Pseudoklassen und Hintergrundbild besser geeignet ist
Gruß, Jürgen
Hi,
Jetzt brauche ich Hilfe bei dem Code fuer visited. Was muss ich an dem Quellcode veraendern, damit sich die grafik beim anklicken aendert?
Was hat anklicken mit :visited zu tun?
Code, der das Bild beim Überfahren mit der Maus ändert, hast du ja schon.
Das für einen Klick analog zu machen, sollte wohl kein Problem sein.
Wenn es dann nach dem Klicken beim Verlassen mit der Maus nicht wieder zurückwechseln soll - dann merke dir noch in einer Variablen oder Eigenschaft, dass geklickt wurde, und führe davon abhängig den Wechsel zurück beim mouseout nicht aus.
MfG ChrisB