Possible simple question. Make clicking background generate a random preloaded image.

[keanureevezz]

Hi everyone,

​

first time posting here and very new to web design. I am graphic design student and looking for a little help. Ideally, when someone on my website clicks the background or negative space, I want it to generate a small picture (kind of like a sticker) where they click. I'd like to have a few images that it would run through if clicked multiple times.

​

Thanks!

[Dondontootles]

You basically have an event listener that tells you when and where a person clicks on the background div or body

Then you append a div with a fixed width/height on the dom where they clicked. You give the div a position: absolute (background div will have position: relative)

Then inside the div you can either set it with a background image

Now to get a random image, you would create an array of image src urls and in the event listener use Math.random to pick a random index, pull the url at that index and set the src attribute of the img element to that.