rollOver > rollOut > onClick > kein rollOut
Mikkel
- html
Hallo!
Der Titel beschreibt so ca schon mein Anliegen.
Ich habe Bilder mit einem rollOver Effekt - is ja keine große Sache.
Wenn man rausfährt soll das Ursprungsbild angezeigt werden - auch kein Problem.
Gibt es eine Möglichkeit in html/css oder js dann per "click" das Rolloverbild darzustellen und dass es auch dabei bleibt? Wenn man einfach den "onClick" Befehl hinzufügt gehts ja auch noch aber logischerweise ist der "rollOut" Befehl noch immer aktiv und versetzt das Bild wieder in den Ursprung...
Danke für die Hilfe
M
Tach,
Der Titel beschreibt so ca schon mein Anliegen.
Ich habe Bilder mit einem rollOver Effekt - is ja keine große Sache.
Wenn man rausfährt soll das Ursprungsbild angezeigt werden - auch kein Problem.
Gibt es eine Möglichkeit in html/css oder js dann per "click" das Rolloverbild darzustellen und dass es auch dabei bleibt? Wenn man einfach den "onClick" Befehl hinzufügt gehts ja auch noch aber logischerweise ist der "rollOut" Befehl noch immer aktiv und versetzt das Bild wieder in den Ursprung...
dann sollte man sich vielleicht den gewünschten Zustand merken und abhängig davon reagieren, das ist eine typische Herangehensweise in einer Programmiersprache und so ist auch dieses Problem in Javascript vermutlich (abhängig vom bisher vorhandenen Quellcode) relativ einfach lösbar.
mfg
Woodfighter
Hallo!
Danke mal fürs durchlesen - hast du ein Beispiel, Link oder Beschreibung wie man es bewerkstelligen kann? Bin im selber js schreiben nicht sehr bewandert...
Dankeschön
Gruß
Mikkel
Tach,
Danke mal fürs durchlesen - hast du ein Beispiel, Link oder Beschreibung wie man es bewerkstelligen kann? Bin im selber js schreiben nicht sehr bewandert...
eine billige und eher unschöne Lösung (ungetestet) wäre etwas in der Art:
<img src="bild1.png" onmouseover="this.src='bild2.png'" onmouseout="this.src='bild2.png'" onclick="this.onmouseout=''" />
mfg
Woodfighter
Hallo!
Danke für deine Hilfe - hat schon ganz gut geklappt aber so richtig funktionieren tuts noch nicht.
Der Kunde will eben dass die Leute herumspielen können - sprich mit der Maus den klassischen Rollover Effekt (Bild Grau auf Bunt) - wenns gefällt drauf klicken dass es bunt bleibt. Wenns nicht mehr gefällt drauf klick nd wieder grau... Geht das überhaupt gut in js oder muss ich das dann in flash machen - was ich eigentlich vermeinden will...
Dankeschön
Mikkel
Tach,
Der Kunde will eben dass die Leute herumspielen können - sprich mit der Maus den klassischen Rollover Effekt (Bild Grau auf Bunt) - wenns gefällt drauf klicken dass es bunt bleibt. Wenns nicht mehr gefällt drauf klick nd wieder grau... Geht das überhaupt gut in js oder muss ich das dann in flash machen - was ich eigentlich vermeinden will...
jo, das geht problemlos:
Ich würde den Rollover-Effekt per CSS und :hover lösen und per Javascript eine Klasse hinzufügen und entfernen, die den Effekt dann dauerhaft macht, wenn sie da ist.
mfg
Woodfighter