按钮不显示图像

时间:2016-04-11 10:49:08

标签: html html5

在添加更多代码和功能之前,我的网站工作正常。 可能是因为代码周围的标签。 我想知道如何用数字修复按钮(酷音乐按钮工作正常)。 My website is here

<script>
function btnClicked()
{
	var audio = new Audio('http://a.tumblr.com/tumblr_lkfhhpM4M41qcmhugo1.mp3');
  audio.playbackRate = 2.5;
  audio.loop = true;
  audio.play();
}
function changeImage1()
{
	document.getElementById("image").src= "https://media0.giphy.com/media/sIIhZliB2McAo/200.gif";
}


function changeImage2()
{
	document.getElementById("image").src= "https://www.clicktorelease.com/code/gif/1.gif";
}

function changeImage3()
{
	document.getElementById("image").src= "http://www.kizoa.com/img/e8nZC.gif";
}

function changeImage4()
{
	document.getElementById("image").src= "http://www.netanimations.net/flying_pig_by_rutabaga.gif";
}
</script>
<button onclick="btnClicked()">
Cool Music
</button>
<button onclick="changeImage1()">1</button>
<button onclick="changeImage2()">2</button>
<button onclick="changeImage3()">3</button>
<button onclick="changeImage4()">4</button>

0 个答案:

没有答案