Posted by Andy Dingley on 08/06/07 13:47

On 6 Aug, 03:49, slinky <campbellbrian2...@yahoo.com> wrote:
> I was a site that has alternating pictures on a timer of about 2 seconds.

A URL would have been helpful.

> Does anyone know how in HTML I can accomplish this?

You can't, at least not with plain HTML / CSS alone. You will need
something else as well, although this could be very simple.

If the image is "GIF friendly" (i.e. just a bit of graphic design
flummery, not a photograph) then you could do this easily with an
animated GIF. If it's only two images and a snap change (i.e. no slow
morphing between them) then this is still quite a compact way to send
it.

If you want to use two reasonable quality photographs, i.e. using JPG
images, then use JavaScript. It's a really simple example, I'm sure
you can web search a suitable fragment. When you do this, make sure
you code it in such a way that people without JavaScript see at least
one image, or maybe both of them side-by-side.


There are other techniques, but these two are the simple and sensible
ones.

[Back to original message]