Web page design help: Display images that rotates to a new image every 5 seconds (1 Viewer)

[Michael D. Bunting]

I'm trying to update our web page at work.

I need to have an area for an image that will rotate to a new image every 5 seconds or so (without refreshing the page).

I'm using Microsoft Front Page...

Can anyone point me in the right direction?

Thanks in advance!

 

[Michael D. Bunting]

After doing some more research myself...I think I need to be learning about how to build a animated GIF file (perhaps?)

Or is this waaaay in the wrong direction?

 

[Jason Harbaugh]

You can do this easily with DHTML using this premade script:
http://www.dynamicdrive.com/dynamici...flexislide.htm

Just copy and paste the code into your page. Edit the section with the pictures and adjust the speed of rotation.

There are many other variations: http://www.dynamicdrive.com/dynamicindex14/index.html

It is cross browser compatible as long as they are fairly up to date, as in a browser from the past couple years. Hopefully that will work for you.

 

[David Lawson]

Depending on the size and detail of the individual images, an animated GIF could become quite unwieldy when it comes to file size and load time.

I used this JavaScript for the same application a long time ago, and it worked in every browser I tried. Internet Explorer for Windows allows a nice "crossfade" between each image, whereas the images simply "cut" from one to the next in every other browser (Mac and Windows). It allows you to set the time between image swaps, as well as the length of the crossfade.

The instructions are pretty straightforward. Just make sure all of the individual images have the same width and height.

 

[StephenL]

I suggest careful consideration to determine whether changing images are appropriate for a particular web page, unless your objective is to annoy people.

 

[Michael D. Bunting]

Thanks for the help (and suggestions) everyone.

Jason, I used the info provided in the link you provided. Worked like a charm...

Thanks!