Mighty Gorgon wrote: 

You should alter top_header.png in stylesheet.css with the dynamically generated image.

Code: [Download] [Hide]

Code: [Download] [Show]

1. #top_logo{  
2.     border-width: 0px 0px 0px 0px;  
3.     margin: 0px 0px 0px 0px;  
4.     padding: 0px 0px 0px 0px;  
5.     background: url('./images/top_header.png') repeat;  
6.     height: 150px;  
7. } 

You need a dynamic image and there are several ways for doing that.

Usually you should code a php files which generate the images and then use directly the PHP files (with correct headers) or use an htaccess rule to redirect a PNG call to the PHP files.

So in a nutshell, here is a demo for a dynamic PHP image (supposing you have the JPG files listed in the array):

Code: [Download] [Hide]

Code: [Download] [Show]

1. <?php  
2.  
3. $img_array = array('bkg_01.jpg', 'bkg_02.jpg', 'bkg_03.jpg', 'bkg_04.jpg', 'bkg_05.jpg', 'bkg_06.jpg', 'bkg_07.jpg', 'bkg_08.jpg', 'bkg_09.jpg', 'bkg_10.jpg', 'bkg_11.jpg', 'bkg_12.jpg', 'bkg_13.jpg', 'bkg_14.jpg', 'bkg_15.jpg');  
4.  
5. $img_rnd = rand(0, sizeof($img_array) - 1);  
6.  
7. header('Content-type: image/jpg');  
8. header('Content-Disposition: filename=' . $img_array[$img_rnd]);  
9. readfile($img_array[$img_rnd]);  
10.  
11. ?> 

Suppose you call this PHP file my_bg.php then you can use this file directly in the CSS (or use htaccess to redirect that file using a JPG call instead).