I don't know a lot about code beyond markup languages, so I need some help. I'm trying to have something on my footer that changes to a random image with each page load. I've got it positioned where I want it, but I can't get it to do what I want.
I've tried googling what I could, and this had the closest result that I wanted. This code has the images rotating by seconds, and in order - http://www.htmlgoodies.com/beyond/ja...r-Web-Site.htm
Any help with how I should modify that code ((or if there's something different that I should do entirely)) would be greatly appreciated!
Because you want to load a random image on each page load, your code will not need to be as complicated as the example you provided. But I suppose one question would be how do you want to handle the 'randomness' of these rotating images? Because you could go with a purely random method, loading 1 image on each page load, chosen at random with no regard to previous images loaded. Or perhaps you don't want an image to repeat twice in a row, or only show up once every 3 loads.
In either case, you'll start off with something like so:
var $images = ['/location/of/images/image1.jpg',
var $rnd = Math.round(Math.random()*($images.length-1));
document.write('<img src="'+$images[$rnd]+'" alt="" />');
Thanks for the help! I'm afraid I'm a little lost though.. So I'm scrapping all of the code from what I linked to, right? Where would I put the code that you linked to (in the header)? What would I use to get this into the spot where I want, the footer?
I don't need anything too fancy. Something purely random (even if the previous page load displayed it) would be perfect.
Ahah I've definitely got a more developed artistic side of my brain rather than my mathematics side, so this takes a bit for me to understand. Thanks again for taking the time to help me!
Well, if you want to keep this as simple as possible, you will stick the code I provided inside of <script> tags and place this wherever you want the image to appear on the page.
Granted, I could easily modify it to place the image on the page for you, but you would need to set the 'id' attribute of your page's footer and let me know what it is.