Der folgende Beitrag wurde am 14. 10. 2009, 18:58 Uhr von Michael Segin veröffentlicht.
Hallo,
ich habe eine Grafik die 100px hoch ist, von der aber nur 50px angezeigt werden. Sobald die Maus über die Grafik bewegt wird, verschiebt sich die Grafik und die andere Hälfte wird sichtbar. Ich glaube, jeder kennt das mit a:hover und background-position: 0px -50px;
Mein Problem ist nun, das jetzt die Grafik 200px hoch ist und ich vier Teile habe. So dass ich mit der oben beschriebenen Technik zwischen Teil 1und 2 oder zwischen 3 und 4 umschalte. Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript. Dies sollte durch "getElementById" geschehen. Und zwar soll background-position auf 0px -100px für das a-Element bekommen und 0px -150px für a:hover. Auf das a-Element kann ich zugreifen, aber wie kann ich das a:hover verändern?
Schon mal vielen Dank
Michael
Der folgende Beitrag wurde am 14. 10. 2009, 19:05 Uhr von Beat veröffentlicht.
> Mein Problem ist nun, das jetzt die Grafik 200px hoch ist und ich vier Teile habe. So dass ich mit der oben beschriebenen Technik zwischen Teil 1und 2 oder zwischen 3 und 4 umschalte. Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript. Dies sollte durch "getElementById" geschehen. Und zwar soll background-position auf 0px -100px für das a-Element bekommen und 0px -150px für a:hover. Auf das a-Element kann ich zugreifen, aber wie kann ich das a:hover verändern?
Gar nicht. Du musst die Funktion an ein onmaouseover koppeln.
Andernfalls wäre es besser, wenn du gar nicht die CSS Eigenschaft mit JS veränderst, sondern den Klassennamen änderst.
Das CSS File enthält die alternativen Definitionen für diese Klasse.
mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
Der folgende Beitrag wurde am 16. 10. 2009, 17:59 Uhr von Michael Segin veröffentlicht.
Super Idee mit den Klassen
Danke Michael
Der folgende Beitrag wurde am 14. 10. 2009, 20:59 Uhr von MudGuard veröffentlicht.
Hi,
> ich habe eine Grafik die 100px hoch ist, von der aber nur 50px angezeigt werden. Sobald die Maus über die Grafik bewegt wird, verschiebt sich die Grafik und die andere Hälfte wird sichtbar. Ich glaube, jeder kennt das mit a:hover und background-position: 0px -50px;
> Die Umschaltung zwischen diesen beiden Gruppen erfolgt dann durch JavaScript.
Warum? CSS ist doch wunderbar dafür geeignet.
cu,
Andreas
--
Warum nennt sich Andreas hier MudGuard?
O o ostern ...
Fachfragen per Mail sind frech, werden ignoriert. Das Forum existiert.
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4