Home :: Reviews & Articles :: Forum :: Info :: Sponsors :: Links :: F@H :: Newsletter
Bigbruin.com Logo
  Ad
Ad

Easy Online Image Rotation Without Installing a Script

Select the Dark Theme Select the Light Theme
Author: Jason Kohrs
Manufacturer: N/A
Source: N/A
Purchase: PriceGrabber
Comment or Question: Post Here
Page: 1 of 2 [ 1 2 ]
Easy Online Image Rotation Without Installing a Script
October 31, 2007

This article will take a look at a fairly simple means of loading random images into a web browser without the need for a script. It has proven to be quite a handy little 'trick' for me, and several people have expressed interest in using it over the years. I do not claim to be the creator, but found this in use a while back with minimal documentation and decided to write it up to detail the basics.


The applications of this are about as vast as the Internet itself, but some instances where it might come in handy include:

» Random blog or website logos
» Dynamic forum signatures
» To draw attention to a static text block like a list or a menu
» Banner ad rotation for a single advertiser with multiple graphics

While there isn't a script to install for rotating images with this method, there are a few simple things you will need in order to make it work. You won't be able to do this with images hosted on a free uploader site, but with even the most basic of Apache web server hosting accounts this should work perfectly.

(a Zip file example of the steps covered is available at the end of the article)

The steps:

1. The first thing I would suggest is to create a folder on your web hosting account for all the images to be rotated. While a separate folder might not be 100% necessary, it keeps things organized and may prevent interference with other aspects of your site. For this article, the folder created will be called "rotate".

2. Next we need to create a .htaccess file to be uploaded to the folder containing all of the images. The number of things an .htaccess can do on a server is quite amazing, but what we are interested in is letting it know that a certain image file in this folder is actually to be recognized as a bit of PHP code. The .htaccess should contain the following text...

<Files example.gif>
ForceType application/x-httpd-php
</Files>
Simply copy that text to a text editor and save the file as .htaccess - then upload it to the folder created for your images. The reference to "example.gif" is the name of the image file that the server needs to identify as a actually containing PHP code. The name of the .gif is unimportant, but we'll be using example.gif for the purposes of this article.

3. Now we need to create example.gif, and there is no need for an image editing application for this, just a text editor. If your text editor of choice refuses to save to a .gif extension, simply make a file called example.txt and rename it to example.gif in your file manager. The contents of example.gif should include...

<?php
$dh = opendir(".");
while (false !== ($file = readdir($dh)))
{
 if (preg_match('/\.(jpg|gif|png)$/i', $file) and $file != "example.gif")
 {
   $filelist[] = $file;
 }
}

srand((double)microtime()*1000000);
$picnum = rand(0, sizeof($filelist) - 1);

header("Location: " . $filelist[$picnum]);

closedir($dh);
?>
The structure of example.gif tells the server to look for files within the rotate folder that start with "example", followed by a number, and that end with any of the image file extensions listed. The fifth line of the code provides the allowable image extensions, (jpg|gif|png), and you can edit this to meet your needs. The initial implementation of this that I found only listed jpg and gif files, (jpg|gif), but .png files work fine as well.

« Home :: 1 :: 2 :: Next »
Google Search

Advertisement

In The Forum Forum RSS Feed
» Thermaltake BlacX SE Hard Drive Dock
» If the big 3 declare bankruptcy are w...
» 22 Inch HP Debranded LCD Monitor
» TigerDirect.com - Limited $1.99* Ship...
» Sequential Number Image Game
» WootOff!
» Forum Index

Recent Content Content RSS Feed
» Thermaltake BlacX SE Hard Drive Dock
» Seagate Free Agent Go 320GB External ...
» Lian Li PC-A77B Full Tower Chassis
» Crucial Ballistix Tracer 4GB DDR3-133...
» Sapphire Radeon HD4850 X2 2048MB Grap...
» 22 Inch HP Debranded LCD Monitor
» Content Index

Content Categories
Articles Articles
Audio Audio
Cases Cases
Cooling Cooling
Electronics Electronics
Input Devices Input Devices
Memory Memory
Miscellaneous Miscellaneous
Modifications Modifications
Motherboards Motherboards
Power Power
Storage Storage
Systems Systems
Video Video

Links Worth Clicking

Xoxide - Your Gaming Headquarters    Fantronic - Understanding Case Fans

Copyright © 2000 - 2008 Bigbruin.com - All rights reserved