Random img src from array javascript

Question

My current img source is static:

var img = new Image();
img.src = 'http://img.ffffound.com/static-data/assets/6/6f5b12e84fcdb27484c4dfadb19b7c23d16746cd_m.jpg';

How would i go about creating an array of sources and then it being picked randomly?

Creating an array is quite simple, im wondering about the random part and if theres any specifics when creating a source array

Read this: http://stackoverflow.com/questions/19693256/javascript-display-random-images — George-Cristian, Apr 01 '16 at 15:58

score 2 · Accepted Answer · answered Apr 01 '16 at 16:00

Use Math.random() to generate a random float between 0 and 1, then multiply by the length of your array and use Math.floor() to get a random index into the array:

var a = ['imgs/img1.jpg', 'imgs/img2.jpg', 'imgs/img3.jpg', 'imgs/img4.jpg'];
img.src = a[Math.floor(Math.random() * a.length)];

score 1 · Answer 2 · edited May 23 '17 at 12:24

1

Please next time try to use the internet to search an answer, you'd found this for example, or this.

Anyway in your case:

var srcs = [
   'http://mydomain/myimage1.jpg',
   'http://mydomain/myimage2.jpg',
   ...
];
var src = srcs[Math.floor(Math.random()*srcs.length)];
img.src = src;

edited May 23 '17 at 12:24

Community

1
1

answered Apr 01 '16 at 16:02

Bolza

1,904
2
17
42

Random img src from array javascript

2 Answers2