Welcome to WebmasterWorld Guest from 54.145.136.73

Forum Moderators: brotherhood of lan & mack

How add: fade from one image to another?

Image effects

   
5:36 pm on Jun 11, 2008 (gmt 0)

5+ Year Member



How do you add images to a webpage that fade from one image to another?

For example, when page opens an image of a family with a toddler slowly appears and then fades out as a second image slowly appears of a family with a teenager.

I don't even know what such an effect is called- so I can't find it in Help.

Thanks for any help from an obvious novice.

5:40 pm on Jun 11, 2008 (gmt 0)

WebmasterWorld Senior Member dreamcatcher is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Hi cih333,

Welcome to WebmasterWorld. :)

You`ll need to look into 'image transitions' using javascript or flash. You can`t accomplish what you are looking for with standard HTML code.

dc

6:51 pm on Jun 11, 2008 (gmt 0)

5+ Year Member



Dreamcather:Thanks much. Do you know if there is a straightforward way to do this using Yahoo sitebuilder?
8:12 am on Jun 12, 2008 (gmt 0)

WebmasterWorld Senior Member dreamcatcher is a WebmasterWorld Top Contributor of All Time 10+ Year Member



Sorry, hopefully someone else can helo you with that, I`ve never used Yahoo. I would just look for a code snippet online. You should be able to paste that straight into your existing HTML code. You`ll find lots of image effects using javascript. Try a search.

dc

8:46 am on Jun 12, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



That specific effect is commonly called a crossfade, you could also do it using video or flash.
12:28 pm on Jun 13, 2008 (gmt 0)

5+ Year Member



Thanks to Dreamcatcher and thecoalman for their help. I will do a web search for more info.
cih
 

Featured Threads

Hot Threads This Week

Hot Threads This Month