Comments on: Random Header Images without Javascript http://wpgarage.com/tips/random-header-images-without-javascript/ wordpress tricks, hacks, and tips Wed, 09 May 2012 06:53:59 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: nick http://wpgarage.com/tips/random-header-images-without-javascript/#comment-62369 nick Mon, 02 May 2011 19:16:33 +0000 http://www.wordpressgarage.com/tips/random-header-images-without-javascript/#comment-62369 Thanks siddiq that's a real useful piece of code! Thanks siddiq that’s a real useful piece of code!

]]> By: siddiq http://wpgarage.com/tips/random-header-images-without-javascript/#comment-60416 siddiq Tue, 27 Oct 2009 08:31:15 +0000 http://www.wordpressgarage.com/tips/random-header-images-without-javascript/#comment-60416 For the purposes of this example, we’re going to use 5 different images to pull off our random header effect. It’s important that these images be the same size — this will keep your image declarations consistent <em>and</em> <acronym title="WorldWide Web Consortium">W3C</acronym>-valid. So, grab the five header images of your choice, and name them according to the following convention: <code>header_1.jpg</code> <code>header_2.jpg</code> <code>header_3.jpg</code> <code>header_4.jpg</code> <code>header_5.jpg</code>   The code is   <strong><<strong>img</strong> src="http://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg" width="image_width" height="image_height" alt="image_alt_text" /> </strong> For the purposes of this example, we’re going to use 5 different images to pull off our random header effect. It’s important that these images be the same size — this will keep your image declarations consistent and W3C-valid. So, grab the five header images of your choice, and name them according to the following convention:

header_1.jpg
header_2.jpg
header_3.jpg
header_4.jpg
header_5.jpg

 
The code is
 
<img src=”http://path_to_images/header_<?php echo(rand(1,5)); ?>.jpg” width=”image_width” height=”image_height” alt=”image_alt_text” />

]]>