Easiest way to get images to cycle through every 10 seconds
I need to get multiple images show on one page and I had thought about just having them cycle through and a new one would appear every ten seconds or so. I don't really know what the best approach would be be but hopefully someone else has an idea. Maybe some java? When I keep searching all i get are biking pictures. Thanks for the help in advance.
what server script are you using?
create an include PHP page with:
And then in your HTML page:
$images=array( // list of files to rotate - add as needed
$secondsFixed=10; // seconds to keep list the same
$index=(int)($_GET['i']); // image index passed in
$i=$index%$total; // make sure index always in bounds
header("Location: $file"); // and pass file reference back
<img src='mysite.com/rotate.php?i=0'>image #1
<img src='mysite.com/rotate.php?i=1'>image #2
<img src='mysite.com/rotate.php?i=2'>image #3
<img src='mysite.com/rotate.php?i=3'>image #4
<img src='mysite.com/rotate.php?i=4'>image #5
Last edited by dthurman1432; 07-07-2006 at 04:27 PM.
So in your example the php page would be rotate.php? Thanks for the help by the way, much appreciated.
And also how would you edit the php to get it to run through the same order each time?
I edited the code above and took out the random. And you can obviously name the PHP file anything you want, just make sure that it's identical in the img tag.
Thanks a lot I will let you know how it works come monday.
I've so far made one attempt to implement the code you listed to have several images randomly cycle through on a page, but I'm apparently doing something wrong.
I have my random.php page set up exactly as you stated, with the exception of changing image filenames. In the html code on the main page that will be viewed, I also used the img tags just how you suggested, but it's not working. Instead of cycling through three images, it just shows three boxes where images couldn't be loaded, right next to each other.
Any advice on something I'm missing?
Try this instead:
* Name your images 1.jpg, 2.jpg etc.
* Add this line to your page where you want the images to
* appear: <?php include "randomimage.php"; ?> */
// Change this to the total number of images in the folder
$total = "11";
// Change to the type of files to use eg. .jpg or .gif$
file_type = ".jpg";
// Change to the location of the folder containing the images
$image_folder = "images/random";
// You do not need to edit below this line
$start = "1";
$random = mt_rand($start, $total);
$image_name = $random . $file_type;
echo "<img src=\"$image_folder/
$image_name\" alt=\"$image_name\" />";
//This is the directory route to the folder
//This is a relative link to the directory if it is not in the same directory as the file you are displaying the images on
die("Failed to read directory");
//Spit it out
echo "<br><img src=\"$directory$image[$randNum]\" $size>";
Last edited by dthurman1432; 07-19-2006 at 04:54 PM.
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)