在javascript中显示数组中的随机图像 [英] show random image from array in javascript

问题描述

我想从imgArray中选择随机图像同时打印16张不同的图像，但无法填充imgRandom函数。

  img = new imgArray（7）; 
 img [0] ='1.png'; 
 img [1] ='2.png'; 
 img [2] ='3.png'; 
 img [3] ='4.png'; 
 img [4] ='5.png'; 
 img [5] ='6.png'; 
 img [6] ='7.png'; 
 img [7] ='8.png'; 
 
 var rand = imgArray [math.floor（math.random * imgArray.length）]; 
 
 function imgRandom（）{
 
} 
  

解决方案

试试这个函数

  function getRandomImage（imgAr，path）{
路径=路径|| '图片/'; //默认路径
 var num = Math.floor（Math.random（）* imgAr.length）; 
 var img = imgAr [num]; 
 var imgStr ='< img src ='+ path + img +'alt =>'; 
 document.write（imgStr）; document.close（）; 
 
 $ / code> 

调用函数



  getRandomImage（ARRAY-VARIABLE，'/ images /'）
  



<请参阅 LIVE DEMO 。您将在每次刷新时看到图像中的更改


I want to select random images from imgArray to print 16 different images at the same time but can't fill the imgRandom function.

img = new imgArray(7);
img[0]='1.png';
img[1]='2.png';
img[2]='3.png';
img[3]='4.png';
img[4]='5.png';
img[5]='6.png';
img[6]='7.png';
img[7]='8.png';

var rand=imgArray[math.floor(math.random*imgArray.length)];

function imgRandom(){

}

解决方案

Try this function

function getRandomImage(imgAr, path) {
    path = path || 'images/'; // 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();
}

Call the function

getRandomImage(ARRAY-VARIABLE, '/images/')

Refer LIVE DEMO. You will see change in image for every refresh

这篇关于在javascript中显示数组中的随机图像的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！