触发音频onmouseover并更改图像声明onmouseout暂停并更改为其他图像

时间:2020-05-08 18:33:46

标签: html audio

我对此很陌生,所以请多多包涵。我试图在鼠标上触发音频,这也会同时更改图片。然后暂停音频并在鼠标上更改照片。到目前为止,我可以更改图像和音频暂停,但是我只想触发特定照片的音频。当我使音频适用于所选图像时,只有图像不会改变。我对此很陌生,我试图复制一些互联网代码,但有时我不知道如何替换这些值。

我的音频文件是“ beep.mp3” 我的图片是1.jpeg 过渡状态1a.jpeg 推出状态1b.jpeg

我有15张图像,它们合在一起构成一张图片。

这是一项家庭作业,因此甚至不必现场直播。它只需要在Internet Explorer的索引文件中工作即可。

这就是我所拥有的:

    <html>
    </head>

    <script
    type="text/javascript">
    function sound(surl) {
      document.getElementById("myspan").innerHTML =
     "<embed src="+surl+" hidden=true autostart=true loop=false>";}
     </script

  function play(){
       var audio = document.getElementById('audio');
       audio.play();
                 }
   </script>
     <span id="myspan"></span>

     <head>
     <body>
    <td>
    <img src=" 1.jpg " 
     onmouseover="this.src=' 1a.jpg '" 
    onmouseout="this.src=' 1b.jpg '"  /></a>

    <a href="{THIS IMAGE IS ALSO A LINK and it's the only image i want sound!]" target="_blank" HoverText 
    = styled.p`
    color: #000;:hover color: #ed1212;
        cursor: pointer;><img src=" 4.jpg "
     onmouseover="this.src=' 22a.jpg '" title="Bzzz" 
     onmouseout="this.src=' 2b.jpg '" /></a>

0 个答案:

没有答案