Question

我有一个box2，里面有<img />。

我已经使用随机图像选择功能来选择随机图像，

我想将随机选择的图像一张显示在box2类的图像src中。

我该如何实现？

我用

function rvalue() {

  var array = [];
  var tempimages = [];


  var ArrayOfImages = ['1.jpg', '2.jpg', '3.jpg', '4.jpg', '5.jpg', '6.jpg', '7.jpg', '8.jpg', '9.jpg', '10.jpg', '11.jpg', '12.jpg', '13.jpg', '14.jpg', '15.jpg', '16.jpg', '17.jpg', '18.jpg', '19.jpg', '20.jpg'];

  arrayLength = ArrayOfImages.length;

  for (i = 0; i < arrayLength; i++) {
    array[i] = ArrayOfImages[Math.floor(Math.random() * arrayLength)];

  }

  console.log(tempimages);
}

.box {
  float: left;
  width: 50px;
  height: 50px;
  margin-left: 30%;
  padding-top: 2%;
  background-color: #ff9900 2px;
}

<body onload="rvalue">
  <div class="box" id="2">
    <img src="" draggable="true" id="slide" style="width:100px; height:100px; border-radius: 50%;" border="rounded" />
  </div>
</body>

显示随机选择的图像进行分类

0 个答案: