Multiple header images?

[redcirce]

Hi all, I'm another migrant from LJ. ::waves:: I hope the influx of questions isn't too annoying?

Anyway, my question is as follows: Is there a way to set up your header so that it randomly chooses one of a group of header images each time the page is loaded?

I was able to port over pretty much all of my custom journal style from LJ thanks to starlit's super helpful entry, but I couldn't get the code I had for rotating your header image to work. Admittedly, that could be because my knowledge of CSS is pretty limited and I could have been trying to insert it in the wrong place. (It was originally on LJ's "Edit your Theme Layer" page) The custom style was written for me, and although I sort of knew how to tweak it slightly on LJ, I'm not sure how it interacts with starlit's code and my few exploratory attempts have gone awry. Any suggestions?

Comments

[tropicsbear]

This isn't really a CSS solution to your problem, but if worse comes to worst, you can use this website as an alternative: http://www.random-image.net/ It's what I'm currently using.

[redcirce]

Ooh, I had no idea websites like this existed. Thanks for the tip!

[sofiaviolet]

I have done something similar using S2 (although I was inserting short bits of text into my layout, not header images). I wrote this tutorial to show how I did it on Dreamwidth, and I've made this old tutorial from 2007 public because, although it was aimed at LJ users, it contains an example of randomized images that you might find helpful.

I don't know whether this method will still work - I tested and used it early in Dreamwidth's existence and I haven't been closely following any changes that may have been made to S2 since.

[redcirce]

Awesome, I will totally check it out and try it out. Thanks!