Groupmind

[scarfman]

Is there a way to continuously swap two or more images in the same place on a webpage with HTML code, instead of animating the image?

Comments

[pedanther]

I could do it with javascript, but I don't know offhand of a way to do it with plain HTML.

[scarfman]

That's what I'm hearing.

[kail-panille.livejournal.com]

For non-Javascript animation effects you need CSS3. That means less support, especially in older browsers, but it works great when it works. Here's an example doing exactly what you describe (http://css3.bradshawenterprises.com/cfimg3/), or for more background you can read the whole thing (http://css3.bradshawenterprises.com/).

[scarfman]

I'm poorly grounded in CSS too (one class years ago that was really a Dreamweaver class), but I knew CSS might come up and this may be what I wanted.

[scarfman]

There aren't any headers required for use of this code that are not included in the sample code on the pages you linked to, are there? Or are there?

[kail-panille.livejournal.com]

Sort of. The page that has the images cross-fading on a timer only has pieces of the code. It assumes you're starting from this earlier example (http://css3.bradshawenterprises.com/cfimg1/) and just shows what needs to be changed.

[scarfman]

Okay. I may have figured that out on my own, as I was going to look over the whole exercise, but that's good to know.

[antiwesley.livejournal.com]

There are ways to randomise it as well, but just assign a two digit randomization to it. Plain HTML as well.