Header Graphic

I’ve added a simple hack to the default Kubrick theme which displays a random header graphic. Here’s how it works. I added the following function to the top of header.php:

NOTE: this must come AFTER the doctype & html lines.


<?php
function header_graphic() {
echo "/images/";
$num=rand(0,8);
echo "kubrickheader".$num.".jpg";
};
?>

Next, I changed the style element for header as follows:


#header { background: url("< ?php bloginfo('stylesheet_directory'); header_graphic(); ?>") no-repeat bottom center; }

Finally, I saved several header graphics in my image directory named kubrickheader0.jpg through kubrickheader7.jpg.

If you’d like to see the different graphics, here they are:

kubrickheader0.jpg
kubrickheader1.jpg
kubrickheader2.jpg
kubrickheader3.jpg
kubrickheader4.jpg
kubrickheader5.jpg
kubrickheader6.jpg
kubrickheader7.jpg
kubrickheader8.jpg
kubrickheader9.jpg

UPDATE: I should have specified that the code needs to come after the first two lines in header.php. I also added links for the two new pictures I added after I posted the article.