Sound bei Mouseover per HTML

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Sound bei Mouseover per HTML

    Hallo,
    ich verzweifele gerade daran einen Sound beim HTML Mouseover einzubinden.

    Aktuell verwende ich für ein Feld folgenden HTML Code:

    HTML-Quellcode

    1. <a href="grey.html"> <img src="images/gesch_links2 347x110 fifty.jpg" width="346" height="110" alt="Test Rollover" onmouseover ="this.src='images/gesch_links2 347x110 fifty 2.jpg'" onmouseout="this.src='images/gesch_links2 347x110 fifty.jpg'"/></a>



    Kann mir einer ausführlich sagen wie ich da nen Sound beim mousover reinbekomme ? Hab dutzende Google Bsp. probiert nichts funktioniert.

    Danke euch
  • Das wird auch so nicht funktionieren, denn ein Soundfile benötigt ein Startskript und mindestens eine Anzeigeleiste !

    Vielleicht kannst du damit etwas anfangen !

    css-tricks.com/examples/SoundOnHover/
    Wissen ist MACHT ! Nichts zu Wissen macht nichts !
    Wissen ist MACHT ...ohne es zu wissen !
  • Habs gelöst, der Fehler ist ganz easy.... Seite hochladen ind er preview geht das nicht :)
    Falls es jemand interessiert:

    Header unter Statistik, SEO etc.:

    HTML-Quellcode

    1. <script>
    2. var html5_audiotypes={ //define list of audio file extensions and their associated audio types. Add to it if your specified audio file isn't on this list:
    3. "mp3": "audio/mpeg",
    4. "mp4": "audio/mp4",
    5. "ogg": "audio/ogg",
    6. "wav": "audio/wav"
    7. }
    8. function createsoundbite(sound){
    9. var html5audio=document.createElement('audio')
    10. if (html5audio.canPlayType){ //check support for HTML5 audio
    11. for (var i=0; i<arguments.length; i++){
    12. var sourceel=document.createElement('source')
    13. sourceel.setAttribute('src', arguments[i])
    14. if (arguments[i].match(/\.(\w+)$/i))
    15. sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
    16. html5audio.appendChild(sourceel)
    17. }
    18. html5audio.load()
    19. html5audio.playclip=function(){
    20. html5audio.pause()
    21. html5audio.currentTime=0
    22. html5audio.play()
    23. }
    24. return html5audio
    25. }
    26. else{
    27. return {playclip:function(){throw new Error("Your browser doesn't support HTML5 audio unfortunately")}}
    28. }
    29. }
    30. var mouseoversound=createsoundbite("whistle.ogg", "whistle.mp3")
    31. var clicksound=createsoundbite("click.ogg", "click.mp3")
    32. </script>
    Alles anzeigen



    unter Site-HTML Text:
    ...onmouseover ="this.src='images/xxx.jpg';mouseoversound.playclip()"...