我想换一个divbox的背景时播放音乐,而路径是JSON对象,但它始终把背景与此代码中的最后一项:更改背景使用JSON对象
for (var i in data.Music){
var id= "a" + i;
var bg="url(" + data.Music[i].Background + ")";
document.getElementById(id).addEventListener('play', function(){
$("#Background").fadeOut("slow", function() {
$('#Background').css("background-image", bg);
});
$("#Background").fadeIn("slow");
});
}
的Json
"Music":[{"Title":"Bring mich nach Haus",
"Source":"\"Music/08. Bring mich nach Haus.mp3\"",
"Background":"\"Backgrounds/Faun.jpg\""
},
{
"Title":"100 Ways to Hate",
"Source":"\"Music/11. 100 Ways to Hate.mp3\"",
"Background":"\"Backgrounds/FFDP.jpg\""
}
添加音频标签:
for (var i in data.Music)
{
console.log(i);
outputmusic += data.Music[i].Title + "<br />" + "<audio controls id=\"a"+i+"\"><source src=" + data.Music[i].Source + " type=\"audio/mpeg\">" + "</audio> <br />"
}
document.getElementById("Music").innerHTML=outputmusic;
console.log(outputmusic);
以及你想要什么?一个随机图像?一个特定的?只要你循环遍历数组中的所有图像,最后一个图像就会保留。 – 2014-11-23 12:42:52
我想获得一个特定的背景,当一个特定的标题被播放时...添加JSON代码 – 2014-11-23 12:45:47
好的,但你正在循环通过他们'for(var i in data.Music)'循环。你不想要一个特定的吗? – deitch 2014-11-23 12:46:37