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