I've been working on a navigation marquee for a home page but have hit a brick wall. The following site takes three images/stories and scrolls between them.
I would like to take this a step further by having the story randomised on load so the user will see a different one each time they refresh. It has been suggested that this could be done by declaring a random number and calling a different image/story on load using nth-child[randomNumber]. Which does work for the text parts but the corresponding images do not reflect this. Can anyone tell me what I'm missing to get this working or alternatively would it be easier to randomise the order in which the images/stories are loaded within the HTML?