如何使阵列响应的随机图像？

Question

我创建了一个数组，其中包含四个随机选择的不同图像。就像魅力一样。

我的问题是如何使这些图像具有响应性？

// place your images in this array
var random_images_array = ['1.jpg', '2.gif', '3.gif', '4.gif'];

function getRandomImage(imgAr, path) {
  path = path || 'random/'; // default path here
  
  var num = Math.floor(Math.random() * imgAr.length);
  var img = imgAr[num];
  var imgStr = '<img src="' + path + img + '" alt = "">';
  
  document.write(imgStr);
  document.close();
}

getRandomImage(random_images_array, 'random/')

Answer 1

这是一个great post

简而言之：

div img {  height: auto;  width: 100%; }

<div><img src="imgsrc" alt=""></div>

是一种方法。...