Changing background randomly in sync with image

J1mmy · March 26th, 2007, 06:22 PM

I would like to create a page where certain areas with backgrounds would randomly change as the page is refreshed.

I know this is possible with images, but Im not sure about the background, as this would be CSS?

However, I would like this change to be in sync with the image too.

For example. The page background is orange, the image should also be orange. The page is refreshed, the background is now blue, the image should now be blue. See what I mean?

Is this possible?

EXreaction · March 26th, 2007, 06:43 PM

I am pretty sure it could be done with CSS...but I am not experienced enough in it to know for sure. :P

You could use either Javascript, or PHP. Either should be able to do it quite easily.

ruleofnike69 · March 26th, 2007, 06:53 PM

I'm thinking pinacle would do the job but I'm not really sure.......It might be worth looking at.

EXreaction · March 26th, 2007, 06:55 PM

Pinnacle?

What are you talking about?

**RicheemxX** · March 26th, 2007, 07:04 PM

J1mmy here's a decent tutorial {scroll down to "Randomness, my favorite"} on using php and css you wouldn't get them to sync properly using that method and I'm not sure you could anyways as you would be using two different random variables but that will give you an idea

here's another tut

one using dhtml this might be what you are looking for!

one for java with mouse over effects

all these in a quick google

ruleofnike69 · March 26th, 2007, 07:07 PM

Ya know what Ex.........I'm probably am out of school on this one.
I work a lot with pinacle studios stuff......Hollywood FX.
something about your discription sounded familiar to a progect I worked on in that program.
Sorry about that........you guys figure it out on your own.........sorry to have interfeered.
Good luck.

EXreaction · March 26th, 2007, 07:43 PM

The kind of programs you are talking about are for video editing (unless they do make apps that do stuff other than that).

Jimmy is looking for help designing a website.

ruleofnike69 · March 26th, 2007, 08:33 PM

I know ex......that is why I bowed out.
My recollection of FX is that there were backround capabilities as well as color variations..... and you can work frame by frame. But it has been so long now since I got to play in that area ......I would look stupid suggesting someone take their time investigating...........so I apologize for taking yalls time.
carry on and good luck.
And it is definatly not a web page development program.

kenboyles72 · March 26th, 2007, 11:57 PM

Changing one or the other is quite easy, but to sync it would be pretty hard. Here's a tutorial using javascript to randomly change pics on refresh.

J1mmy · March 27th, 2007, 08:40 AM

Thanks for the links.

Im thoroughly familiar with randomly changing backgrounds/images with a single target. Its just doing doing two at the same time in sync, thats the problem

RicheemxX, your 3rd link was pretty close. However, I don't think they sync together, check out the example. They have two targets each with indivdual random scripts.

I think, if I get get one random script and set two targets and two source folders, there just has to be some instructions saying, 'pick the same numnber from the other folder' and then they should create the same coloured images.

Okay, there are two targets, and the script has to select a number between 1 and 5 from two folders. From the primary folder it for the background it pick 3, then there needs to be an 'IF' function that say, 'If you pick this number, pick the same from this folder' then it should apply it two the two different targets.

Get what Im trying to say?

It may work, but I don't know how to write it