Ergebnis 1 bis 5 von 5

Thema: Mouseover mit Sound und Bildwechsel

  1. #1
    Youngster
    Registriert seit
    10.07.2007
    Ort
    Dresden
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Mouseover mit Sound und Bildwechsel

    Hallo. Ich bräuchte dringend etwas Hilfe. Ich soll für die Navigations einer Homepage ein paar Mousover-Effekte einbauen. Beim Überqueren der Schaltfläche mit der Maus soll sich sowohl ein kleiner Farbwechsel vollziehen, als auch ein kurzer Sound abgespielt werden. Ich habe beides hinbekommen, aber nicht gemeinsam, dh. wenn ich im Script den Befehl für Farbwechsel vor den Sound-Befehl schreibe, zeigt es den und andersrum spielt es den Sound. Es soll aber beides gleichzeitg abgespielt werden.

    Mein Code:

    Code:
    <html>
    	<head>
    		<title>Navigation_links</title>
    		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    		
    		<script type="text/javascript" language="javascript">
    <!--
    function PlaySound&#40;&#41; &#123;
       if &#40;document.all&#41; &#123;
           document.all.play.src = "sound.wav";
       &#125;
    &#125;
    function newImage&#40;arg&#41; &#123;
    	if &#40;document.images&#41; &#123;
    		rslt = new Image&#40;&#41;;
    		rslt.src = arg;
    		return rslt;
    	&#125;
    &#125;
    
    function changeImages&#40;&#41; &#123;
    	if &#40;document.images && &#40;preloadFlag == true&#41;&#41; &#123;
    		for &#40;var i=0; i<changeImages.arguments.length; i+=2&#41; &#123;
    			document&#91;changeImages.arguments&#91;i&#93;&#93;.src = changeImages.arguments&#91;i+1&#93;;
    		&#125;
    	&#125;
    &#125;
    
    var preloadFlag = false;
    function preloadImages&#40;&#41; &#123;
    	if &#40;document.images&#41; &#123;
    		Webdesign_over = newImage&#40;"Bilder/Webdesign-over.jpg"&#41;;
    		Printdesign_over = newImage&#40;"Bilder/Printdesign-over.jpg"&#41;;
    		CM_Systeme_over = newImage&#40;"Bilder/CM-Systeme-over.jpg"&#41;;
    		Shop_Systeme_over = newImage&#40;"Bilder/Shop-Systeme-over.jpg"&#41;;
    		Streaming_over = newImage&#40;"Bilder/Streaming-over.jpg"&#41;;
    		Web_Hosting_over = newImage&#40;"Bilder/Web-Hosting-over.jpg"&#41;;
    		Referenzen_over = newImage&#40;"Bilder/Referenzen-over.jpg"&#41;;
    		Partner_over = newImage&#40;"Bilder/Partner-over.jpg"&#41;;
    		preloadFlag = true;
    	&#125;
    &#125;
    // -->
    </script>
    		
    		<bgsound id=play>
    		<embed src="sound.wav" hidden="true" autostart="false">
    	</head>
    
    	<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages&#40;&#41;;">
    
    <table id="Tabelle_01" width="195" height="572" border="0" cellpadding="0" cellspacing="0">
    	<tr>
    		<td colspan="3">
    			[img]Bilder/Navigation_links_01.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td rowspan="16">
    			[img]Bilder/Navigation_links_02.jpg[/img]</td>
    		<td> 
    			<a href="#"
    				onmouseover="javascript&#58;PlaySound&#40;&#41;";
    				onmouseover="changeImages&#40;'Webdesign', 'Bilder/Webdesign-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Webdesign', 'Bilder/Webdesign.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Webdesign', 'Bilder/Webdesign-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Webdesign', 'Bilder/Webdesign-over.jpg'&#41;; return true;">
    				[img]Bilder/Webdesign.jpg[/img]</a></td>
    		<td rowspan="16">
    			[img]Bilder/Navigation_links_04.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_05.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Printdesign', 'Bilder/Printdesign-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Printdesign', 'Bilder/Printdesign.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Printdesign', 'Bilder/Printdesign-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Printdesign', 'Bilder/Printdesign-over.jpg'&#41;; return true;">
    				[img]Bilder/Printdesign.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_07.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'CM_Systeme', 'Bilder/CM-Systeme-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'CM_Systeme', 'Bilder/CM-Systeme.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'CM_Systeme', 'Bilder/CM-Systeme-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'CM_Systeme', 'Bilder/CM-Systeme-over.jpg'&#41;; return true;">
    				[img]Bilder/CM-Systeme.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_09.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Shop_Systeme', 'Bilder/Shop-Systeme-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Shop_Systeme', 'Bilder/Shop-Systeme.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Shop_Systeme', 'Bilder/Shop-Systeme-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Shop_Systeme', 'Bilder/Shop-Systeme-over.jpg'&#41;; return true;">
    				[img]Bilder/Shop-Systeme.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_11.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Streaming', 'Bilder/Streaming-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Streaming', 'Bilder/Streaming.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Streaming', 'Bilder/Streaming-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Streaming', 'Bilder/Streaming-over.jpg'&#41;; return true;">
    				[img]Bilder/Streaming.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_13.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Web_Hosting', 'Bilder/Web-Hosting-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Web_Hosting', 'Bilder/Web-Hosting.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Web_Hosting', 'Bilder/Web-Hosting-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Web_Hosting', 'Bilder/Web-Hosting-over.jpg'&#41;; return true;">
    				[img]Bilder/Web-Hosting.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_15.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Referenzen', 'Bilder/Referenzen-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Referenzen', 'Bilder/Referenzen.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Referenzen', 'Bilder/Referenzen-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Referenzen', 'Bilder/Referenzen-over.jpg'&#41;; return true;">
    				[img]Bilder/Referenzen.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_17.jpg[/img]</td>
    	</tr>
    	<tr>
    		<td>
    			<a href="#"
    				onmouseover="changeImages&#40;'Partner', 'Bilder/Partner-over.jpg'&#41;; return true;"
    				onmouseout="changeImages&#40;'Partner', 'Bilder/Partner.jpg'&#41;; return true;"
    				onmousedown="changeImages&#40;'Partner', 'Bilder/Partner-over.jpg'&#41;; return true;"
    				onmouseup="changeImages&#40;'Partner', 'Bilder/Partner-over.jpg'&#41;; return true;">
    				[img]Bilder/Partner.jpg[/img]</a></td>
    	</tr>
    	<tr>
    		<td>
    			[img]Bilder/Navigation_links_19.jpg[/img]</td>
    	</tr>
    </table>
    
    </body>
    </html>
    Ich hoffe hier ist jemand dabei, der mir helfen kann.
    Die Problemstelle befindet sich in der Tabelle in der 3. Zelle. Die Befehle für "PlaySound" und "ChangeImages" könnte ich auch in ein "onmouseover"-Befehl schreiben, ändert nichts dran.


    Greetzz der Chico
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    König(in)
    Registriert seit
    06.06.2007
    Ort
    Bi
    Beiträge
    1.015
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hi,
    ähm, wieso rufst du nicht einfach in der funktion changeImages die Funktion playSound() auf?
    Sämtlicher Code erhebt keinen Anspruch auf syntaktische Korrektheit geschweige denn Ausführbarkeit und ist für die Implementation außerhalb der Beispiele nicht geeignet.

    Kein Support für kommerzielle Scripts | Kein kostenloser Support via ICQ

  3. #3
    Youngster
    Themenstarter

    Registriert seit
    10.07.2007
    Ort
    Dresden
    Beiträge
    11
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Hab es doch hinbekommen, hatte leider nur nen kleinen Fehler mit meinen " im onmousover-Befehl. Jetzt funktioniert es

  4. #4
    Der Niklas
    Gast

    Standard

    GENAU DAS möchte Ich auch machen! Sound und bildwechsel bei mouseover. ABER geht das auch nur mit html?!? Ich weiß nich ma was PHP heißt und dann gibts doch noch shtml und dynamic und sonstewas. Ich kann nur html und würde diesen effekt auch gern haben, is das möglich?

  5. #5
    Forum Guru Avatar von driver
    Registriert seit
    10.04.2006
    Alter
    34
    Beiträge
    20.729
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    nein gehts nicht. weil html nur anzeigen kann, nichts ausführen.
    übriges beispiel is übrigens javascript, kein php

    PHP (rekursives Backronym für „PHP: Hypertext Preprocessor“, ursprünglich „Personal Home Page Tools“)
    >> die icq-schreiberlinge bitte dies hier beachten



    1679 entdeckte Gottfried Wilhelm Leibniz das Binärsystem, bei einem Gespräch mit seiner Mutter: "Ja..., Nein..., Nein..., Nein..., Ja..., Ja..., Nein..."

Ähnliche Themen

  1. Doppelklick ("Mouseover") - Bildwechsel CSS
    Von Shyana im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 28.04.2008, 15:01
  2. Tabellenzelle vergößert sich, bei mouseover bildwechsel ???
    Von wohlgemuth im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 05.02.2007, 09:11
  3. bei mouseover Bild vergrößern und ein Sound abgespielen
    Von erich im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 10
    Letzter Beitrag: 06.09.2005, 15:03
  4. Browser Probleme mit Sound und Mouseover
    Von Highlander im Forum HTML & CSS Forum
    Antworten: 2
    Letzter Beitrag: 28.08.2005, 00:59
  5. bei mouseover, sound
    Von Metallica im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 06.03.2005, 21:14

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •