How to display random images without repetition using javascript

Question

I want to display 2 random images on a page with no repetition. I am able to display random images but with repetition using the following code.

function ranImage() {

   picture = new Array(" array of pictures");
   whichImage = Math.floor(Math.random()*picture.length);
   document.write('<LMG SRC="' +picture[whichImage]+ '">');

}

Need Help Thanks

Aerik · Accepted Answer · 2011-11-02 19:07:57Z

1

If that's all you're doing, you can pop the already displayed images out of your array.

answered Nov 2, 2011 at 19:07

Aerik

2,3171 gold badge29 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Jon Newmuis Over a year ago

...by just adding the line picture.splice(whichImage, 1) at the end of your function.

Aerik Over a year ago

splice is exactly the way to go.

Roman Goyenko · Accepted Answer · 2011-11-02 19:14:59Z

0

You need to save which ones you did show already. This one will work until exhausted all the images:

var alreadyShown = new Array();

function ranImage() {

picture = new Array(" array of pictures");

for (picture.length != alreadyShown; whichImage = Math.floor(Math.random()*picture.length); arr.indexOf(whichImage) == -1){
   alreadyShown[alreadyShown.length+1] = whichImage;
}

document.write('<LMG SRC="' +picture[whichImage]+ '">');

}

answered Nov 2, 2011 at 19:14

Roman Goyenko

7,1027 gold badges56 silver badges85 bronze badges

Collectives™ on Stack Overflow

How to display random images without repetition using javascript

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related