this code allows for an image from a selection to be displayed at random when the page is loaded. replace the image links within the script tag to your own selection of images.

you will need a separate copy of the script and a separate id for every individual random image! change the [ img id="THIS" ] in the html and [ document.getElementById('THIS') ] to whatever you want, just make sure they match.



<img id="image"> <script type="text/javascript"> var images = [ "link", "link", "link", "link", "link",]; function randImg() { var size = images.length var x = Math.floor(size * Math.random()) document.getElementById('image').src = images[x]; } randImg(); </script>

you can also use the same script to play a random audio file on load!



<audio controls="" autoplay="" loop="" class="audioplayer" id="music"> <source id="music"> </audio> <script type="text/javascript"> var images = [ "link", "link", "link", "link", "link",]; function randImg() { var size = images.length var x = Math.floor(size * Math.random()) document.getElementById('music').src = images[x]; } randImg(); </script>