Image display that will change for every 5 sec.

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
Hi all,

     can any one come up with the code that display the images from the
folder.but image should be changed for every 5 seconds.can any one com
with this code. or suggest me the way to do it.quick reply will be

thanks in Advance.

Re: Image display that will change for every 5 sec.

Faree wrote:

Quoted text here. Click to load it


I think the most simple approach is a combination with Javascript and PHP.
Try something like this:
1) scan your directory with images
2) produce html that contains the javascript to loop over the images.

You'll end up with something like this:
(not tested, just some code to get you going)

<script type="text/javascript">

// fill the array imagenames from PHP
// by scanning the filenames in the directory.
// Have a look at:
// for some examplecode

var imagenames = ["mrJoe.jpg" , "ZaphodBreeblebrox.gif", "Marvin.png"];
var baseImageURL = " /";
var imgcount = -1;
var nrOfImages = imagenames.length;

 function nextImage(){
   if(imgcount > nrOfImages) {
     imgcount = 0;
   // make full URL to image
   var newImageSrc = baseImageURL + imagenames[imgcount];
   // set the new Image
   // Come back here in 5 seconds
   setTimeout("nextImage()" , 5000);

<img scr="" name="myImage">

Good luck.

Erwin Moller

Site Timeline