audio Playlist: ▼

.mp3/wav:

► Dr.Hook "Sylvias mother"

► Dire Straits "Sultans ..."

► James Last "Biscaya"

0 Mitglieder und 8 G�ste sind derzeit online:
(Als registrierter User sieht man hier nat�rlich etwas mehr.)
Sei dabei! Es macht Spa�, kostet nix und tut �berhaupt nicht weh !

03.02.2019 01:351549154124
cirrus minor hat das Thema Soundeffekt bei Bild-Mouseover erstellt.
19.01.2019 19:101547921434
cirrus minor hat das Thema Gruppen über DropDown Menüs verwalten erstellt.

8 Aktive User
0 Mitglieder und 8 G�ste sind Online

Besucherrekord
100 Benutzer gleichzeitig online (13.06.2024 02:29)

Besucherz�hler
Heute waren 11 G�ste , gestern 6 G�ste online

auch hier! -->> ...unsere Facebookseite besuchen.

Foreninformationen:

Forenthemen	47
Textbeitr�ge	2352
Mitglieder	5
Neuestes Mitglied

Letzte Foren-Beitr�ge:

HTML,CSS & Co. leicht gemacht f�r Einsteiger �

Xobor - Foren - Hilfe

� Einbindungen von Codes und Scripten in die Xobor Software � Soundeffekt bei Bild-Mouseover

Themen-Einstellungen

Thema drucken

Bereich wechseln

CSS ... kein Hexenwerk ! CSS allgemein Schriften stylen per CSS Elemente stylen per CSS � Fragen zur Auswahl von Elementen (Selektoren) � � hover Effekte �ber CSS hinzuf�gen �� Effekte �ber keyframes per CSS hinzuf�gen HTML ... mit kleinen Dingen anfangen HTML Seite, Aufbau, Einbindungen, Meta Tags usw. Java-Script ... im Anf�ngermodus Gro�e Ver�nderungen mit kleinen, einfachen Scripten herbeif�hren Xobor - Foren - Hilfe administrative Einstellungen der Xobor Software Einbindungen von Codes und Scripten in die Xobor Software "User - Ecke" "G�ste - Stube" G�ste schreiben uns, Mitglieder antworten

#1 | Soundeffekt bei Bild-Mouseover datum

03.02.2019 01:35 (zuletzt bearbeitet: 04.02.2019 17:40)

cirrus minor

Informationen anzeigen

Beitr�ge:	1193
Punkte:	426
Registriert seit:	10.04.2018

Du m�chtest beim �berfahren eines Bildes einen Sound abspielen ?

Hier eine einfache L�sung, die sich in jede Seite einbauen l�sst:

Fahre zum Test mit der Mouse �ber diesen Smiley, um einen Sound abzuspielen: -->>>

- in Zeile 1 gew�nschte Audiodatei eintragen
- in Zeile 6 Bildadresse eintragen, bei der der Sound ausgel�st werden soll
- bei mouseover der angegebenen Bilddatei ert�nt der Sound, bei mouseout stoppt der Sound

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
<audio id="MySound" src="https://files.homepagemodules.de/b624252/f22t500p2981n19_YBIPfGJK.mp3">
 
<script>
// © https://www.frape-fotoforum.de/
 
var MyBild = "https://........................jpg"; // Bildadresse für Audioauslösung
$('body').find('[src="'+MyBild+'"]').on('mouseover', function () {     
    playSound();                                  //start MySound
})
.on('mouseout', function () {                    
    stopSound();                                  //stop MySound
});
 
// functionen für start und stop
 
function playSound () {                           //start audio
  $('#MySound')[0].volume = 0.7;
  $('#MySound')[0].load();
  $('#MySound')[0].play();
}
function stopSound () {                           //stop audio
  $('#MySound')[0].pause();
  $('#MySound')[0].currentTime = 0;           //reset audio
}
</script>
 