Imagemap auf 2. Bild eines Mouseovers
Ivo
- html
Hallo,
ist bin auf der Suche nach der Lösung folgenden Problems:
Es existiert ein Bild (Bild1). Fährt man mit der Maus drüber, tauscht sich dieses durch Bild2 aus.
Das ist ja sicher noch ein ganz normaler mouse-over.
Ich möchte jedoch auf dem ZWEITEN, also AUSGESTAUSCHTEN BILD verschiedene Bereiche (alá imagemap) mit verschiedenen Links definieren? Mir fäält nicht ein , wie?!
Jetzt sieht mein Quelltext so aus:
<-- Anfang Codebeispiel -->
<table>
<tr>
<td><img src='bild1.gif' name='bild1' onmouseover='bild1.src="bild2.gif"' onmouseout='bild1.src="bild1.gif"'>
</td>
</tr>
</table>
<-- Ende Codebeispiel -->
Wenn ich nun den Tag USEMAP="#MAP" in den vorhanden img-tag einfüge, bezieht sich das ganze imagemap ja auf das Bild1. Und da ja immer wenn man mit der Maus über Bild1 fährt, es ja mit Bild2 ausgetauscht wird, "verschwindet" auch das Imagemap. (Wobei das selbst nicht das Problem darstellt)
Was ich möchte ist, dass man wenn man mit der Maus auf dem Bild steht (man sieht ja dann Bild2) verschiedene Bereiche mit verschiedenen verweisen anklicken kann.
Ich denke das ist verständlich, oder?
Vielen Dank für Tipps
Ivo
PS. Das I-Tüpfelchen wäre natürlich, wenn obiges Problem gelöst ist, sich auch noch die verlinkten Bereiche auf Bild2 wiederum mit einem Bild3 (was der Größe des jeweiligen Linkbereiches wo man drübersteht entspricht) auswechselt. ;)