Javascript图像数组

Javascript图像数组,javascript,Javascript,需要一些帮助。我有两个div需要用图像填充。图像不能是随机的,因为div1的图像需要与div2的图像相对应。我一直在玩,并设法让javascript工作到这一点。问题是我需要脚本写入div背景,而不是用图像填充div <script> var random = Math.random(); function random_imglink(arr){ var ry = Math.floor(random*arr.length); document.write( '<img src

需要一些帮助。我有两个div需要用图像填充。图像不能是随机的,因为div1的图像需要与div2的图像相对应。我一直在玩,并设法让javascript工作到这一点。问题是我需要脚本写入div背景,而不是用图像填充div

<script>
var random = Math.random();
function random_imglink(arr){
var ry = Math.floor(random*arr.length);
document.write(
'<img src="'+arr[ry]+'" border=0 class="two">'
);
}
var myimages = [
"img1.jpg", "img2.jpg","img3.jpg"
 ],
myimagesA = [
"img1b.jpg","img2b.jpg","img3b.jpg"];

</script>
<div><script>random_imglink(myimages);</script> </div>

<DIV><script>random_imglink(myimagesA);</script></div> 

var random=Math.random();
函数随机链接(arr){
var ry=数学楼层(随机*arr.length);
document.write(
''
);
}
var myimages=[
“img1.jpg”、“img2.jpg”、“img3.jpg”
],
myimagesA=[
“img1b.jpg”、“img2b.jpg”、“img3b.jpg”];
随机图像链接(myimages);
随机imglink(myimagesA);

要将图像设置为元素的背景,可以使用以下方法:

document.getElementById("myDivId").style.backgroundImage = "url(/path/to/img)";
在代码中,您可以执行以下操作:

var random = Math.random();

function random_imglink(divId, arr){
    var ry = Math.floor(random*arr.length);
    document.getElementById(divId).style.backgroundImage = "url(" + arr[ry] + ")";
}

var myimages = ["img1.jpg", "img2.jpg","img3.jpg"],
   myimagesA = ["img1b.jpg","img2b.jpg","img3b.jpg"];

random_imglink("firstDiv", myimages);
random_imglink("secondDiv", myimagesA);
html:


要将图像设置为元素的背景,可以使用以下方法:

document.getElementById("myDivId").style.backgroundImage = "url(/path/to/img)";
在代码中,您可以执行以下操作:

var random = Math.random();

function random_imglink(divId, arr){
    var ry = Math.floor(random*arr.length);
    document.getElementById(divId).style.backgroundImage = "url(" + arr[ry] + ")";
}

var myimages = ["img1.jpg", "img2.jpg","img3.jpg"],
   myimagesA = ["img1b.jpg","img2b.jpg","img3b.jpg"];

random_imglink("firstDiv", myimages);
random_imglink("secondDiv", myimagesA);
html:


您的代码需要彻底检查。这是修复后的外观:

<div id='a'>A</div>

<div id='b'>B</div>​
<script>
var random = Math.random();
function random_imglink(arr, id){
    var ry = Math.floor(random*arr.length);
    document.getElementById(id).style.backgroundImage = "url('" + arr[ry] + "')";
}
var myimages = [
    "http://img1.jpg.to"],
    myimagesA = ["http://img1b.jpg.to"];


random_imglink(myimages, 'a');
random_imglink(myimages, 'b');
</script>
A
B​
var random=Math.random();
函数随机链接(arr,id){
var ry=数学楼层(随机*arr.length);
document.getElementById(id.style.backgroundImage=“url”(“+arr[ry]+”)”;
}
var myimages=[
"http://img1.jpg.to"],
myimagesA=[”http://img1b.jpg.to"];
随机图像链接(myimages,'a');
随机图像链接(myimages,'b');

您的代码需要彻底检查。这是修复后的外观:

<div id='a'>A</div>

<div id='b'>B</div>​
<script>
var random = Math.random();
function random_imglink(arr, id){
    var ry = Math.floor(random*arr.length);
    document.getElementById(id).style.backgroundImage = "url('" + arr[ry] + "')";
}
var myimages = [
    "http://img1.jpg.to"],
    myimagesA = ["http://img1b.jpg.to"];


random_imglink(myimages, 'a');
random_imglink(myimages, 'b');
</script>
A
B​
var random=Math.random();
函数随机链接(arr,id){
var ry=数学楼层(随机*arr.length);
document.getElementById(id.style.backgroundImage=“url”(“+arr[ry]+”)”;
}
var myimages=[
"http://img1.jpg.to"],
myimagesA=[”http://img1b.jpg.to"];
随机图像链接(myimages,'a');
随机图像链接(myimages,'b');

当前代码可能发生的最小变化;使函数使用样式属性而不是图像标记写入div标记:

document.write('<div style="background:url('+arr[ry]+')">');
document.write(“”);
将脚本放在需要开始标记的位置:

<script>random_imglink(myimages);</script> </div>
random\u imglink(myimages);

当前代码的最小可能变化;使函数使用样式属性而不是图像标记写入div标记:

document.write('<div style="background:url('+arr[ry]+')">');
document.write(“”);
将脚本放在需要开始标记的位置:

<script>random_imglink(myimages);</script> </div>
random\u imglink(myimages);

这篇文章几乎90%的文本和标题与真实问题无关,我建议编辑它并扔掉不相关的部分。这篇文章几乎90%的文本和标题与真实问题无关,我建议编辑它并扔掉不相关的部分。谢谢阿曼!!这正是我需要的谢谢你,阿曼!!这正是我需要的