View Full Version : image swap transitions

12-14-2008, 10:09 PM
Hi everybody, is it possible to have a fade transition in between an image swap?

any help is much appreciated!


12-15-2008, 06:28 PM
Depends on what it is you are wanting to do. Can you give us more details and/or a page to look at?

12-18-2008, 06:17 PM
thanks for the reply coloeagal, maybe i can explain it better...

im making a button with two images. onMouseover, i want the images to do a fade/swap, and onMouseout, I want them to fade/swap back.

Thanks again

12-18-2008, 06:23 PM
This can be done with using the Dreamweaver Spry Tools, appear / fade
found in the behaviours panel.

12-18-2008, 06:45 PM
You might also take a look at doing it with jQuery http://jqueryfordesigners.com/image-cross-fade-transition/

12-18-2008, 06:50 PM
Or jQuery with the InnerFade plugin:

12-22-2008, 10:00 PM
domedia, that looks awesome! javascript looks like gibberish to me though...

can you show me where to put my images in the code, and where to put the code???

many thanks!

12-23-2008, 11:45 AM
can you show me where to put my images in the code, and where to put the code???
Not off hand, but it's not needed anywho. The site has full documentation on how to use it :)

12-23-2008, 12:04 PM
Just a quick reply to express appreciation - that's better than the stuff I've used previously. Nice find, thanks for sharing.

12-23-2008, 12:17 PM
What's really nice about it is that it keeps the HTML as a bullet list, and then uses JS to create the fade. So it even makes sense for people if they don't have JS. And the code needed is really simple ;)

12-23-2008, 12:32 PM
Yes, I think I shoulda said why I thought it was better. Basically it does boil down to it being cleaner, neat, tight code as your reply above explains. I'm always concerned about those without JS though I never know if I should be really, so your assurance above is appreciated. Thanks Domedia.

12-30-2008, 05:09 PM
thanks everyone for your replies... domedia once my patience kicked in that wasnt too hard to figure out...

thanks again !