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

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>

是一种方式....