Randomize Background Image

[Rai]

Hello everyone,

Someone can help me to apply this snippet of php (it is from this post)
here is the instructions:

1. ABOVE THE DOCTYPE

Set up and array of filenames, which correspond to the file names of the images you are trying to randomize.

$bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames



$i = rand(0, count($bg)-1); // generate random number size of the array

$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen

?>

1. CSS IN THE

Normally you’d want to keep CSS out of the HTML, but we’ll just use it here to echo out the random file name we selected above.

What I most do to apply this on #main-content for example?.

Any help please!
Thanks,
Rai.

[Bob]

Replace the word body in the last bit of code you posted with #main-content probably.

[TT_Mark]

Basic CSS!

[Rai]

You know, is not working for me, here is my code if you can check it.

Thanks.

$bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames



$i = rand(0, count($bg)-1); // generate random number size of the array

$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen

?>



>

[noahgelman]

hmmm… try writing it inline instead of in a style tag at the top of the page

[Rai]

You mean something like this?

$bg = array('bg-01.jpg', 'bg-02.jpg', 'bg-03.jpg', 'bg-04.jpg', 'bg-05.jpg', 'bg-06.jpg', 'bg-07.jpg' ); // array of filenames



$i = rand(0, count($bg)-1); // generate random number size of the array

$selectedBg = "$bg[$i]"; // set variable equal to which random filename was chosen

?>



>

[Rai]

It doesn´t work either.

T_T

[jamygolden]

I’ve done this before:

[Rai]

Thanks Jamy,

what about the first code above the doctype, you make any changes?
there is something I´m missing….

[noahgelman]

Wow jamy, that looks really nice and simple

[jamygolden]

@Rai No, mine is a stand alone script. It’s what I’ve used in production before to achieve the effect you seem to be looking for.

@noahgelman Thanks =)

[Rai]

This never work for me so I find other way, and it works at the first time:

After

Add this code:

Then create a file call it css.php on your theme folder and add this code on it:

$f = array(

1 => "http://tudominio.com/wp-content/themes/magiting/images/bgd_po.jpg",

2 => "http://tudominio.com/wp-content/themes/magiting/images/img13.jpg",

3 => "http://tudominio.com/wp-content/themes/magiting/images/img6.jpg",

4 => "http://tudominio.com/wp-content/themes/magiting/images/img23.jpg",

5 => "http://tudominio.com/wp-content/themes/magiting/images/img11.jpg",

6 => "http://tudominio.com/wp-content/themes/magiting/images/img9.jpg",

);

$n = rand(1,6);

?>

You need to change the file name to your files names,
and you can add more images, just change where it say $n = rand(1,6); where “6” is the number of images you have.

You also need to add more links to your images the “X” is what you need to change to the sequence of files you have.

X => "http://tudominio.com/wp-content/themes/magiting/images/img9.jpg",

I hope this can help someone as help me, I find it on this blog (spanish)

[Hair]

Hello, I’m new at this. Is it possible to add a duration for this script? Let’s say 24hrs before the image changes to another image. Or better yet, can I assign a specific image to a specific day?

[Rai]

Hello Hair,

For sure you can do that. I ear to my teacher say something about that in a project.

Rai.

[Author]

Posts