nicht angemeldet
Geräusch bei Klick
Hallo zusammen,
ich möchte gerne eine Kinderseite machen mit verschiedenen Farbflächen.
Beim Mauseover soll jeweils ein anderes Bild erscheinen. Soweit funzt das auch:
<a href="javascript;" onmouseover="document.Hund.src='Bilder/hund.gif'" onmouseout="document.Hund.src='Bilder/farbe_rot.gif'" name="Hund"><img src="Bilder/farbe_rot.gif" border="0" alt="" name="Hund"/></a>
Wenn das Kind nun auf die Fläche klickt (im obigen Beispiel also auf den Hund, soll ein Geräusch erklingen (in diesem Fall ein bellen).
Es soll also keine neue Seite aufgehen oder dergleichen.
Und hier bin ich auch schon am Ende mit meinem Latein.
aus den alten Archivbeiträgen zum Thema Sound bin ich irgendwie nicht schlau gewurden.
Würde mich über eine Lösung passend zu meiner Zeile oben freuen.
Danke Rene
-
Hallo rene,
<a href="javascript;" onmouseover="document.Hund.src='Bilder/hund.gif'" onmouseout="document.Hund.src='Bilder/farbe_rot.gif'" name="Hund"><img src="Bilder/farbe_rot.gif" border="0" alt="" name="Hund"/></a>
Wenn das Kind nun auf die Fläche klickt (im obigen Beispiel also auf den Hund, soll ein Geräusch erklingen (in diesem Fall ein bellen).
Es soll also keine neue Seite aufgehen oder dergleichen.
Und hier bin ich auch schon am Ende mit meinem Latein.
aus den alten Archivbeiträgen zum Thema Sound bin ich irgendwie nicht schlau gewurden.Würde mich über eine Lösung passend zu meiner Zeile oben freuen.
Ich vermute fast, es geht nicht so leicht, habe sowas aber auch noch nie gemacht. Aber dieser Artikel im Archiv könnte Abhilfe schaffen.
Aber auch er erfordert etwas tieferes Einsteigen in die Materie.ciao
romy-
Lieber romy,
dieser Artikel im Archiv
... ist sicherlich eine Lösung. Eine andere wäre die - ebenso auf Flash aufsetzende - Lösung über den Soundmanager (Version 2).
Liebe Grüße,
Felix Riesterer.
--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)
-
-
Hallo,
http://de.selfhtml.org/javascript/objekte/embeds.htm#play
Hiermit hatte ich bei einem ähnlich Projekt gute Erfahrungen gemacht.
mfG Hans
-
Danke für die schnellen Antworten,
habe mir nun in Ruhe nochmal die empfohlenen alten Foreneinträge angeschaut und bin für mich zu folgendem Ergebnis gekommen:
habe in die Seite ein iframe eingefügt:
<iframe src="ton0.html" name="ton" width="0" height="0"
marginheight="0" marginwidth="0" align="right"></iframe>und meine Bilder dorthin verlinkt:
<a href="ton1.html" target="ton" name="Hund" ><img src="Bilder/farbe_rot.gif" alt="" name="Hund" border="0" onmouseover="MM_swapImage('Hund','','Bilder/hund.gif',1)" onmouseout="MM_swapImgRestore()"/></a>
in die Datei ton1.html folgendes geschrieben:
<body>
<embed src="ton/hund.wav" width="0" height="0"></embed>
</body>Auf die gleiche Weise auch ton2, 3 etc.
Das Ganze funktioniert in Opera und Firefox wunderbar,Explorer oder ähnliches habe ich nicht zum testen.
das iframe ist als kleiner Punkt zu erkennen. wer's nicht weiß, wirds wahrscheinlich garnicht merken. Zudem habe ich das iframe soweit nach unten gesetzt, daß man scrollen müßte. Und da fällt mir gerade ein, daß sich das sicher über css noch ausblenden läßt.Wenn jemand eine noch einfachere Lösung weiß, würde ich mich natürlich auch freuen.
Und wie schon am anfang gesagt, danke an Hans, romy und Felix R. für die schnelle Hilfestellung.