5 image rotation

[saltedm8]

I was wondering if anyone had a script for smoothly rolling over 5 images automatically ? ( about a 3 second gap between rolls )

cheers

[ukgeoff]

Depending on the nature of the images and whether they are to be frequently updated there are a number of options open to you.

They could be the five frames of an animated gif.

Are these images in a database or just in the image folder of the site?

Do you want effects such as fade in and out?

[saltedm8]

yes fade in and out

just normal JPG images put into the public_html of my site

cheers

[ukgeoff]

If the images are suitable, your easiest option is to save them as the frames of an animated gif.

[saltedm8]

ok, how ?

[ukgeoff]

You will need to use a graphics package like Paint Shop Pro and its sister package Animation Shop. Other packages have similar functions.

You will have to use PSP to convert the jpg's into gif's then use AS to load them into the frames for the animation.

You can set the time delay between frames and how they fade in and out.

[saltedm8]

i have fireworks and flash ( no clue how to use flash ) but fireworks will convert the pictures for me ( not too knowledgeable in that either ),

would you be able to give me a script that does not fade in and out ?

[ukgeoff]

I could write a script for you but it would be better longterm for you to try and work it out for yourself. I could then give you help if you are stuck on something.

If you are not going to have fade in and out but just swap the images, then you don't need to convert them necessarily it depends what the most compact file format would be. Could be png rather than jpg.

You need to be thinking about having a div containing an image and then using JavaScript to change the image. Keep in mind of course that if scripting is turned off for whatever reason then the changes will not happen so which is the prefered image.

You will want to preload the images so as to avoid delays on the first sequence.

Although thinking about it as I write, I think I would go for five divs, each containg one of the images, position them on top of each other using css positioning and then just use script to determine which one is visible at any one time by changing the 'display' attribute.

Also, you have to ask what purpose the image swapping serves for the end user.

[saltedm8]

its ok thanks mate, ive just worked out that i can get exacelly what i want by using windows movie maker and then trancfering it into flash