NOF-Forum  |  Referenzen  |  Kontakt  |  Impressum  |  Sitemap

NetObjects Fusion - Tutorials
NOF Tutorials und Hilfe von Thomas Frei-Herrmann

Mouse Over - Beispiel für Sound

bitte guckt auch mal hier für den Mouse “Overlib-Effekt” und hier für eine HTML5 Sound Variante

Gehe mit der Maus über das Bild ...

Bemerkung: solltet Ihr die “Sicherheits-Einstellungen” in Eurem Browser zu hoch eingestellt haben, kann es sein, dass der Sound nicht abgespielt wird.

Auch Mozilla Firefox spielt diesen Sound nicht ab.

Das habe ich so gemacht (vielen Dank auch für die Hilfe von “SnowControl”):

1) Ihr kopiert eine Sound Datei (hier heißt diese “aberhallo.wav”) mittels FTP-Programm in den Ordner auf Eurem Server, in den diese HTML-Seite, in die Ihr diese Skripte einfügt auch hochgeladen wird.

2) Ihr fügt ein Bild ein.

3) Ihr klickt auf das Layout und dann im Fenster “Layout-Eigenschaften” auf den Button “HTML” und fügt

Zwischen Head-Tags” das unten stehende Skript ein. Ihr müsst natürlich Eure “.wav” Datei in das Skript schreiben.

<SCRIPT language=JavaScript>
<!--
function OnMouseSound()
{
if (document.all)
{
document.all.sound.src = "aberhallo.wav";
}
}
//-->
</SCRIPT>

4) Ihr klickt auf das Bild und dann im Fenster “Bild-Eigenschaften” auf den Button “HTML” und fügt

Vor dem Tag” das unten stehende Skript ein. Ihr müsst natürlich Eure “.wav” Datei in das Skript schreiben.

<a href="javascript:void(0);"
<embed src=aberhallo.wav hidden=true autostart="false"></embed>
<BGSOUND id=sound>
<A onmouseover=OnMouseSound() href="javascript:void(0)">

5) Ihr publiziert Eure Seite.


Fertig!


zum Download der “aberhallo.wav” Datei könnt Ihr auf den Button unten klicken
(als .zip Datei).

Download



Ihr könnt das nicht in der “Seitenvorschau” ausprobieren.

Wenn Ihr das auch beim lokalen Publizieren testen wollt, müsst Ihr die Sound-Datei auch in den
HTML-Ordner der lokalen Publizierung kopieren.


Viel Erfolg!

zurück

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik