Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ssh/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
用javascript加载图像_Javascript_Html_Image_Random - Fatal编程技术网

用javascript加载图像

用javascript加载图像,javascript,html,image,random,Javascript,Html,Image,Random,点击按钮,随机出现两张图片,其中12张包含在两个框中。但出现问题。需要建议解决此问题 var startBtn=document.getElementById(“开始按钮”); var imgBox1=document.getElementById(“firstBox”); var imgBox2=document.getElementById(“secondBox”); 变量图像=[ “/assets/img/pic1.png”, “/assets/img/pic2.png”, “/asse

点击按钮,随机出现两张图片,其中12张包含在两个框中。但出现问题。需要建议解决此问题

var startBtn=document.getElementById(“开始按钮”);
var imgBox1=document.getElementById(“firstBox”);
var imgBox2=document.getElementById(“secondBox”);
变量图像=[
“/assets/img/pic1.png”,
“/assets/img/pic2.png”,
“/assets/img/pic3.png”,
“/assets/img/pic4.png”,
“/assets/img/pic5.png”,
“/assets/img/pic6.png”,
“/assets/img/pic7.png”,
“/assets/img/pic8.png”,
“/assets/img/pic9.png”,
“/assets/img/pic10.png”,
“/assets/img/pic11.png”,
“/assets/img/pic12.png”,
];
函数加载图像(imgArr){
对于(变量i=0;i}
设置背景图像时,需要使用CSS的
url
功能:

startBtn.addEventListener(“单击”,函数(){
imgBox1.style.backgroundImage=`url('${images[Math.floor(Math.random()*images.length)]})`
imgBox2.style.backgroundImage=`url('${images[Math.floor(Math.random()*images.length)]})`
});

您没有添加id为“开始”按钮的按钮,您希望通过该按钮单击该按钮。基本上你什么都没有点击

<button type="button" id="start-button" style="">Start</button>
开始

请更具描述性。“出了问题”并不是对问题的恰当描述。请详细描述实际发生的情况(包括任何错误消息)以及您预期会发生的情况。这不太可能是代码的问题。作者根本没有显示HTML,你怎么知道他们没有忘记在HTML中包含脚本呢?这显然是一个类似的问题;-)