"Externes" Rollover

Noog · 09.12.2008

So, mein Problem:

Ich habe Bild 1 und Bild 2.
Der normale Rollover effekt führt ja dazu das ich wenn ich mit der Maus auf Bild 1 gehe sich das Bild verändert.

Ich möchte aber das wenn ich auf Bild 1 mit der Maus bin sich bild 1 UND Bild 2 (Bild 1 muss nich wäre aber noch besser [vll mit zwei aktionen parallel?]) ändert ( in dem Fall der Header) *g*

Ich habe es schon mit Javascript und CSS versucht, bin nich so der Pro drin aber vll kennt sich da jmd besser aus als ich (was nicht sonderlich schwer ist)
Google habe ich auch schon zermalmt und selfhtml auch...

Gruß Noog

vll ein Link oder ein Tipp mit dem man dieses Problem lösen könnte?:blumen:

sokie · 09.12.2008

AW: "Externes" Rollover

naja, dass sich Bild1 ändert macht man ja über die pseudoklasse 'hover' ja nun mit css.

für die einzelnen links kannst du zB über javascript und den eventhaldler onmouseover die klasse für das header-element ändern, und in der css diese einzelnen klassen definieren.
für den javascript Teil könnte das so aussehen:

Code:

<script>
function changeHeader(klasse){
  document.getElementById("header").className = klasse;
  //zB: der header DIV hat im html die ID=header
}
function zurueck(){
  document.getElementById("header").className = "";
  //hier würde das standardHintergrundBild wiederhergestellt
}
</script>
....
..
.
</head>
<body>
...
..
.
<a onmouseover="changeHeader('spezialklasse')" onmouseout="zurueck()" href="seite.htm">linktext</a>

so in etwa wirds gehen

Noog · 10.12.2008

AW: "Externes" Rollover

Danke, werds gleich mal probieren

Noog

samsdad · 19.12.2008

AW: "Externes" Rollover

hi
und hat es geklappt?

gruß frank

maromedia84 · 19.12.2008

AW: "Externes" Rollover

samsdad schrieb:
hi
und hat es geklappt?

gruß frank

Wäre echt interessant zu erfaheren ob es geklappt hat!

Vielleicht kann oder darf man das ja auch noch in aktion sehen!?

Wäre Cool!