so i've got this little project im working on. i could do a simple before pic and after pic. but i was curious what kind of animation those are that its a before pic and when you scroll over the pic it switches to the after pic.


i was also trying to work on some sort of series of pics and make it like a transition type thing.
but if i do anything in between the before/after its a bit too gruesome.

4/27/2008 2:02:12 PM

just do a fade transition.

4/27/2008 2:13:53 PM

if you want a smooth transition w/ fade, http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm is working great on a new site I'm doing. Otherwise, if you just want a rollover imageswap, some simple javascript onmouseover command will get that set up.

4/27/2008 2:18:10 PM

what platform is this on? is this powerpoint? flash? web? etc?

4/27/2008 3:00:22 PM

its gonna be on a website

4/27/2008 5:42:53 PM

javascript onmouseover command

4/28/2008 1:58:46 AM

use http://script.aculo.us

Effect.Appear('newimgid', {duration:0.4});
Effect.Fade('firstimgid', {duration:0.4});

and you're done. Also you may want to set absolute positioning on the second img with a higher z-index so that they can fade in and out on top of each other.

[Edited on April 28, 2008 at 9:28 AM. Reason : .]

4/28/2008 9:27:54 AM