PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Mouseover Problematik



Lurker
23.09.2004, 12:48
Hallo zusammen,

also ich möchte gerne für eine Website folgendes Menü erstellen.
Es gibt 5 Menüpunkte und ein Bild.
Nun soll es zwei simultan ablaufende Effekte geben, wenn man die Maus über die Menüpunkte bewegt (im Bild mouseover #1 - 5 genannt).
1.) Maus steht über mouseover #1. Der Menübutton für mouseover #1 ändert sich. Das funktioniert bereits. Ebenso bei den anderen definierten mouseover Ebenen.

2.) Es gibt einen Pool von 6 Bilddateien. Ein Bild ist das Standardbild. Dieses wird angezeigt, wenn die Maus über keinem der mouseover Ebenen steht. Wenn aber die Maus über z.B. mouseover #1 steht, ändert sich das Standardbild in Bild #1.

Wie gesagt funktioniert 1.) bereits. Ist es möglich, die Effektbeschreibung in 2.) über Html zu realisieren? Wenn ja, wie?

http://mitglied.lycos.de/ph3w/html/mouseover.gif

Vielen dank schonmal!

SKar
23.09.2004, 14:02
Hi,

Also nur mit HTML geht das nicht, allerdings mit javascript.

Zuerst musst du dem Standardbild einen Namen geben:
<img src="standardbild.jpg" name="big" alt="">

Jetzt benötigst du folgende javascript-Funktion im <HEAD>:
<script language="javascript"><!--
function change(tausch_bild,neues_bild)
{
window.document[tausch_bild].src = neues_bild;
}-->Ich nehme an, du hast um die Buttons 1-5 einen Link gelegt, den musst du jetzt noch folgendermassen erweitern:
<a href="#" onMouseOver="change('big','/neues/Bild/das/angezeigt/wird.jpg')"><img src="images/button1.jpg" width="140" height="105" alt=""></a>

Falls du wieder das Standardbild willst, wenn der Mauszeiger den button verlässt, musst du halt noch einen onmouseout-event machen.

Ich hoffe das war einigermassen verständlich...

Lurker
24.09.2004, 07:48
Vielen Dank für diese Beschreibung!
Du hast 'ne PN. :)

Gruß Lurker