在页面加载时显示带有特定音频的随机图像

时间:2018-07-22 19:54:14

标签: javascript image audio random onload

我正试图重新定义一些代码。我有一个程序在页面加载时显示随机图像。我试图重建它,以便为每个图像加载具有指定声音效果的随机图像。我试图通过让页面加载所有相关内容的随机div来实现这一目标,但是我认为香港专业教育学院犯了一些重大失误,并且追逐了我的尾巴。设置此功能的任何帮助都将令人赞叹,谢谢!

================================================ ========================

<script type="text/javascript">
var lastIndex = 0;

function randomCard() {
var theCard = document.getElementById('myCard');
var divArray = new Array

(
'<div id=card><Image id="Image1" src="MyImages/image1.gif"></image><audio 
src="MyAudio/Audio1.mp3" autoplay="autoplay"></audio></div>',
'<div id=card><Image id="Image2" src="MyImages/image2.gif"></image><audio 
src="MyAudio/Audio1.mp3" autoplay="autoplay"></audio></div>',
'<div id=card><Image id="Image2" src="MyImages/image3.gif"></image><audio 
src="MyAudio/Audio1.mp3" autoplay="autoplay"></audio></div>'
);

var divIndex = 0;

if(divArray.length > 1) {
while(divIndex == lastIndex) {
divIndex = Math.floor(Math.random() * divArray.length);
}
lastIndex = divIndex;


}
else {
return false;
}
}
</script>

</head>
<body onload="randomCard()">

<div id=card></div>

0 个答案:

没有答案