Sound bei mouseover mit usemap?! - javarea.de Forum powered by javarea.de

Archivlink: javarea.de Forum > JavaScript > Sound bei mouseover mit usemap?!

Vollständigen Link anzeigen: javarea.de Forum > JavaScript > Sound bei mouseover mit usemap?!

Pages: [1]

geschrieben von Dennis 81 am 07.09.2005 - 13:45

Hallo Leute,

bin neu hier und habe mich hier mal angemeldet, weil ich ein Problem habe!
Ich habe eine neue webseite gestaltet und habe die links via map auf einer Grafik gesetzt.

Jetzt würde ich gerne wissen wie ich das hinbekomme, das ich wenn ich über die Links fahre einen Sound höre.

Wie kann ich das einbauen? Hat jemand eine Idee. Ich habe im Web noch nix wirklich hilfreiches gefunden!

Vielen Dank für Hilfe im vorraus!!!!

geschrieben von okley am 07.09.2005 - 14:44

http://www.google.ch/search?q=onmou....E:official

geschrieben von Dennis 81 am 07.09.2005 - 17:31

Ja das habe ich ja alles so gesehen, nur wie läuft das bei so nem SPOT?

Zum beispiel bei dem script hier? http://www.javascriptcity.com/scrip....sound1.htm

Hier meine Site:

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body bgcolor="#FFFFFF">
<p><img src="grafx/header.jpg" width="764" height="89" useMap=#Map border=0></p>
<MAP name=Map>
<AREA shape=RECT
target=mainframe coords=35,74,71,88
href="edit.htm">
<AREA shape=RECT target=mainframe
coords=75,74,112,88 href="about.htm">

Wo sollte ich das dann einbauen?
Danke schon mal für den Beitrag

geschrieben von Klaush am 07.09.2005 - 18:49

Hier wäre eine Möglichkeit:

HTML-Quelltext

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19: 
20: 
21:

<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<body bgcolor="#FFFFFF">
 <script language=javaScript>
<!--
function sound(obj)
{
  eval("document."+obj).play()
}
// -->
</script>

<p><img src="header.jpg" width="764" height="89" useMap=#Map border=0></p>

<MAP name=Map>
<AREA shape=RECT target=mainframe coords=0,0,71,88 href="edit.htm" OnMouseOver="sound('sound1')">
<AREA shape=RECT target=mainframe coords=75,74,112,88 href="about.htm" OnMouseOver="sound('sound2')">

<EMBED SRC="pang1.wav" autostart="false" HIDDEN="TRUE" NAME="sound1" MASTERSOUND>
<EMBED SRC="pang2.wav" autostart="false" HIDDEN="TRUE" NAME="sound2" MASTERSOUND>

schau mal auf der javarea:
http://javarea.de/index.php3?openca....amp;id=325

dort wie auch hier im Forum findest du sicherlich ein paar Scripte die du für deine Zwecke benutzen kannst.

geschrieben von sobi am 08.09.2005 - 14:31

Bei http://www.on-mouseover.de gibts soche MouseOver Scripte zum kostenlosen Download. Ist einfacher als das hier vorgestellte.

cu
Uli

Also ich seh gerade, dass Jürgen das nicht mehr auf seiner Seite hat. Hier ist die Lösung::

HTML-Quelltext

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: 
26:

<html>
<head>

<title>sound over grafik</title>

<SCRIPT LANGUAGE="JavaScript">
  function playSound(){
    document.sound1.play();

}
</SCRIPT>


</head>



<body>

<EMBED SRC="images/sound.mp3" autostart=false hidden=true name="sound1" mastersound>
<A HREF="#" onMouseOver="playSound()" onClick="return false;"><img src="images/emailcat.gif" border="0"></A>


</body>

</html>

Als .gif musst Du natürlich eine eigene Grafik+Pfad einfügen (.gif/.jpg/.png) und die MP3 muss gültig sein. Am besten sind MP3's so um 20-60 Bitrate, eher niedrig als hoch.

geschrieben von Klaush am 08.09.2005 - 16:47

	Zitat
	Original geschrieben von sobi am 08.09.2005 - 14:31 Bei http://www.on-mouseover.de gibts soche MouseOver Scripte zum kostenlosen Download. Ist einfacher als das hier vorgestellte. cu Uli

Unsere Scripte sind auch kostenlos und wir haben mehr als nur 4

.
Was an deinem Beispiel nun einfacher ist musst du mir noch erklären!

HTML-Quelltext

HTML-Quelltext

Zitat