the home page image at the top of the page changes each time you enter the page, how is this done?
Matt Mullenweg developed the code for a method to achieve this here: http://ma.tt/scripts/randomimage/ (it’s been improved upon since, but you’ll get all the detail from the site anyhow).
It will automatically change because of the links on it.
I’m a huge fan of PHP for this. So much so that I’m moving this topic to the PHP section!
You can simply use the rand() function to achieve the results. Here’s a really simple explanation:
http://php.about.com/od/finishedphp1/qt … banner.htm
Essentially, it’ll be something like this:
$num = rand(1, 5);
<img class="classname" alt="" src="images/banner-<?php echo $num; ?>.jpg" />
here is how I do it on a site not with banners of course, but it is essentially the same:
//****** MAIN IMAGE SETTINGS ********
$maxNumImages = 3;// change this number to the total number of images
$imageURL = "http://www.yoursite.com/images/imageBank/";
$imageExtension = ".jpg";
//****** RANDOM NUMBER GENERATOR ********
$num = rand(1, $maxNumImages);
//****** GENERATING ARRAY OF IMAGES ********
for ( $counter = 1; $counter <= $maxNumImages; $counter += 1)
$image[$counter] = $imageURL . $counter . $imageExtension;
//****** CAPTIONS FOR ARRAY OF IMAGES ********
//you may not want to use this, but I had to... if you don't eliminate all $caption everywhere in script
$caption = "One";
$caption = "Two";
$caption = "Three";
//****** OUTPUT OF IMAGE ********
and the HTML I use:
I like that a lot – look waaaaaay simpler than any other method I’ve seen. Nice one.
but I prefer this method its not too in your face fancy
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".