Welcome to WebmasterWorld Guest from 54.197.171.28

Forum Moderators: not2easy

Message Too Old, No Replies

Rotating Image

   
8:03 pm on May 14, 2010 (gmt 0)

5+ Year Member



I have a web page that has a small table to the left of the main content. The background of that area is an image that is defined in the css file.

Is it possible to place a script in there for the image to randomly rotate to a new one with still using the css?
8:29 am on May 16, 2010 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



You can use php, style.php :


<?php
header("Content-Type: text/css");

$rand_num = mt_rand(1, 4);
?>
.randimage {
background-image: url('randimage<?php echo $rand_num ?>.gif');
}


The first line is the most important because it will send the right header to the browser. The variable $rand_num is assigned a number between 1 to 4.

You'll have four images:
randimage1.gif
randimage2.gif ... etc