js实现点击图片切换图片时怎么同时也切换背景音乐？

如何也同时切换背景音乐？

 <script>
var a=new Array("images/04.jpg","images/05.jpg","images/06.jpg");
var b=new Array("music/01.mp3","music/02.mp3","music/03.mp3");
var i=0;
var h=0;
var n=0;
var timer;
function f()
{     i++;
     if(i>2){
       i=0;
      }
     document.getElementById("imageId").src = a[i];

    n=0;
    time();


}
function music(){

    h++;
    if(h>2)
        b=0;
    document.getElementById("musicId").src=b[h];



}
function time(){
     imageId.style.opacity=n;
     n=n+0.1;
     timer=setTimeout("time()",500);    
    if(n>=1)
        clearTimeout(timer);



   } 
</script>
<style>
.s1{ font-family:STCaiyun;font-size:60px;background:linear-gradient(30deg,#ff00ff,#00ff00);width:100%;
height:14.5%;font-weight:bold;text-align:center; }
#s2{ margin-top:0.5%; }
</style>
<div class="s1">
<br>Music   Wall
</div>
<div id="s2" >
<img src="images/04.jpg" width="1889" height="727" onclick="f()" onload="time()"  onclick="music()" id="imageId" >
<embed src="music/01.mp3" autostart=true loop=false hidden=true id="musicId" >
</div>

看这个例子：https://download.csdn.net/download/sinoyard/9722120
采纳本回答留下email可以代下

如图修改代码即可。