Mouseover Problematik
- Ersteller Lurker
- Erstellt am
Lurker
Lt. Commander
- Mitglied seit
- 03.10.2002
- Beiträge
- 115
- Renomée
- 1
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?
Vielen dank schonmal!
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?
Vielen dank schonmal!
SKar
Vice Admiral Special
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>:
Ich nehme an, du hast um die Buttons 1-5 einen Link gelegt, den musst du jetzt noch folgendermassen erweitern:
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...
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>:
PHP:
<script language="javascript"><!--
function change(tausch_bild,neues_bild)
{
window.document[tausch_bild].src = neues_bild;
}-->
PHP:
<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...
Ähnliche Themen
