Groupmind

Jan. 11th, 2012 09:43 am
scarfman: (me)
[personal profile] 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?

Date: 2012-01-11 03:55 pm (UTC)
pedanther: (Default)
From: [personal profile] pedanther
I could do it with javascript, but I don't know offhand of a way to do it with plain HTML.

Date: 2012-01-11 05:32 pm (UTC)
From: [identity profile] 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/).

Date: 2012-01-11 06:08 pm (UTC)
From: [identity profile] 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.

Date: 2012-01-12 02:21 am (UTC)
From: [identity profile] antiwesley.livejournal.com
There are ways to randomise it as well, but just assign a two digit randomization to it. Plain HTML as well.

March 2025

S M T W T F S
      1
2345678
9101112131415
16171819202122
23242526272829
3031     

Most Popular Tags

Style Credit

Expand Cut Tags

No cut tags
Page generated Jun. 19th, 2025 09:19 am
Powered by Dreamwidth Studios