PDA

View Full Version : image swap transitions


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

any help is much appreciated!







-Tim

coloeagle
12-15-2008, 07: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?

walkamongus
12-18-2008, 07: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

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

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

domedia
12-18-2008, 07:50 PM
Or jQuery with the InnerFade plugin:
http://medienfreunde.com/lab/innerfade/

walkamongus
12-22-2008, 11: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!

domedia
12-23-2008, 12:45 PM
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 :)

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

domedia
12-23-2008, 01: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 ;)

Kelon
12-23-2008, 01: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.

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


thanks again !