Random Background Image + CSS

[obrienkev]

Hi all,

I have images stored in a server folder with metadata in Database.

The images are to be used as Background Images set in a .CSS file...

background: #fff url('../images/main_bg.jpg');

How do I display images by random in the CSS file?

Is it possible?

Thanks.

[bradgrafelman]

Convert the .css file to a .php and link your HTML to this .php script.

Now it's just a simple matter of retrieving an image at random from the database, and echo'ing out the path in the appropriate place.

[slimelord]

use a random function rand()

www.php.net/rand

to display different .css content, and as explains bradgrafelman use php as .css for example, styles.php?style=image1 where image1 is for example image1.jpg.

We hope we could help you out! 😉

[bradgrafelman]

Well, if the image URLs are in a database, you can just randomize the rows inside the database and retrieve the first (random) row - no need to use PHP's rand() function, only MySQL's.