Javascript gesucht!

Naja, du hast ja den Lösungsansatz fast schon mit geschrieben. Mit den beiden Eventhandlern "onmouseover" und "onmouseout" läst sich sowas realisieren.
Beispiele gibts da genug, wenn man weiß, nach was mach suchen muss.

http://webdesign.about.com/od/sound/a/play_sound_oncl.htm

Gruß,
Mario

Danke - ich werde mir die Seite anschauen und falls ich dann noch Hilfe brauche dich fragen ist halt leicht "komplitziert", da ich Css und Html als 17-jähriger "Nerd" ganz neu mache - sprich Selfhtml mal durchstöbern .. Sachen verbinde und nebenbei mit Photoshop die Bilder usw. erstelle aber Javascript ist was ganz neues für mich.

Gibt 1 Problem - ich habe für die Bilder das so eingestellt, dass beim Überfahren des Rects das Bild sich ändert - dann soll die Musik starten. Habe ich die Daten z.B. 1px 2px 1px 2px oder was weiß ich, kann man <p onmouseover="playSound('URL to soundfile');">Mouse over this text to hear a sound</p> vielleicht umformen, dass anstatt das Mouse over this text.. vielleicht eine position des rechts ist?

Hallo,

dann bau das "onmouseover" einfach in den IMG-Tag ein. Hier steht die Definition, in welche Tags du den Handler einbauen darfst:

http://de.selfhtml.org/javascript/sprache/eventhandler.htm#onmouseover


Gruß,
Mario

Bin mir nicht sicher, wie das 100% geht - hier mal mein Css:

   body, html                                       { height: 100%; }
   body, table, input, select, textarea                  { font-family: Verdana, Helvetica, Arial, Sans-serif; font-size: 11px; line-height: 21px; text-align: center; }
   body                                           { color: #BFBFBF; background: #000000; margin: 0px; padding: 0px; }
   table                                           { border: 0px; border-collapse: collapse; }
   table td, form                                     { margin: 0px; padding: 0px; }
   a                                              { color: #BFBFBF; text-decoration: none; }
   a:hover                                        { color: #BFBFBF; }
   img                                           { border: 0px; }
   p                                              { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }


   div.navi                                       { position: relative; width: 1600px; height: 800px; background: url(images/bg.jpg) no-repeat 0px 0px; margin: 0 auto; text-align: left; }
   div.navi a.game1                                 { position: absolute; left: 115px; top: 150px; width: 251px; height: 650px; }
   div.navi a.game2                                 { position: absolute; left: 395px; top: 150px; width: 251px; height: 650px; }
   div.navi a.game3                                 { position: absolute; left: 675px; top: 150px; width: 251px; height: 650px; }
   div.navi a.game4                                 { position: absolute; left: 955px; top: 150px; width: 251px; height: 650px; }
   div.navi a.game5                                 { position: absolute; left: 1235px; top: 150px; width: 251px; height: 650px; }
   
   div.navi a.game1:hover                              { background: url(images/1.jpg) no-repeat 0px 0px; }
   div.navi a.game2:hover                              { background: url(images/2.png) no-repeat 0px 0px; }
   div.navi a.game3:hover                              { background: url(images/3.png) no-repeat 0px 0px; }
   div.navi a.game4:hover                              { background: url(images/4.png) no-repeat 0px 0px; }
   div.navi a.game5:hover                              { background: url(images/5.png) no-repeat 0px 0px; }


Da hab ich das eingefügt mit dem hover - das kriege ich nicht anders hin .. ich möchte bei hover noch einen sound abspielen und das geht mit den seiten, die du mir geschickt hast nicht ganz recht wie ichs will geht das nicht auch in css?

Nein, das geht nicht. Wo liegt denn das Problem daran, das onmouseover einfach in img oder rect einzubauen?

Wie gesagt ich bin Anfänger und beherrsche nichts.. ich wollte nur fragen, ob wer einen Ansatz kennt, womit ich was anfangen kann. Wie soll ich denn ein rect in a class einbauen bzw. wie soll ich das einbauen, dass das über den Hintergrund oder so läuft - ich bitte um Ansätze - mehr nicht!!!

In den Beiträgen da oben steht doch, wie es geht. Aber jetzt halt ausnahmsweise nochmal vorgekaut:

Je nachdem, auf welches Element es sich beziehen soll: