kostenloser Webspace werbefrei: lima-city


Animierter Sound Button

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    stinger5

    Kostenloser Webspace von stinger5

    stinger5 hat kostenlosen Webspace.

    Hi, vieleicht k?nnt ihr mir helfen.
    Ich ben?tige einen Button der bei Mouseover das Bild wechselt und ein Sound abspielt. Bei klick kommt ein anderer Ton. Ich habs schon mit nem Applet probiert, aber das funzt nicht. Hab schon ewig gesucht.
    W?re f?r jede Hilfe dankbar.
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. t*****b

    Eine gute alternative L??ung w?re Flash. Das Problem zu l??en w?rde zwar auch mit JavaScript gehen (k?nnte kleinen Code geben), ist aber nicht so gut, weil die verschiedenen Browser sich dabei ziemlich un?hnlich sind.
  4. Autor dieses Themas

    stinger5

    Kostenloser Webspace von stinger5

    stinger5 hat kostenlosen Webspace.

    flash w?re auch ok, aber ich hab null ahnung davon! Gibts da was fertiges?
  5. Hallo,

    Grafik und Sound durch Mousevents steuern ist nicht so schwierig in Javascript. Der folgende Code zeigt eine M?glichkeit.

    <html>
    <head>

    <script>
    function doit(){
                    document.embedplayer2.play();
                    // do more here
                    }
    function m_in(){
                    document.B1.src='star_y.gif';
                    document.embedplayer.play();
                    }
    function m_out(){
                     document.B1.src='star_g.gif';
                     }

    </script>

    </head>
    <body>

    <img  
             src    = "star_g.gif" 
             onMouseOver="m_in();" 
             onMouseOut="m_out();"
             name   = "B1"
             onClick="doit();"
             />

    <br />

    <embed type="audio/wav"
           autostart="false"
           src="DING.WAV"
           width="0"
           height="0"
           name="embedplayer" />
    <embed type="audio/wav"
           autostart="false"
           src="CHORD.WAV"
           width="0"
           height="0"
           name="embedplayer2" />

    </body>
    </html>

    Das d?rfte ziemlich gut selbst erkl?rend sein, und mit dem folgenden Link kann das getestet werden.
    http://limonero.milten.lima-city.de/Progs-Tuts/Tutorials/Mouse-Events/test.htm

    Nachtrag: Das Tutorial dazu isch schon freigegeben worden.
    http://www.lima-city.de/community/tutorials.php?mode=show&id=683


    ich hoffe, das hilft -
    limonero
  6. Autor dieses Themas

    stinger5

    Kostenloser Webspace von stinger5

    stinger5 hat kostenlosen Webspace.

    PERFEKT! Vielen Dank!!! Genau richtig. Ich werd das gleich so komplett kopieren
  7. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!