CODEWITHSUNDEEP
jqueryimagefadetransition
lysdexic
lysdexic

Reputation: 363

adding fade transition to images using jquery

This question has been asked here, Image Replacement (gallery style) with Fade-In's / Fade-Out's

This is the script http://www.webdesignerwall.com/demo/jquery/img-replacement.html

But, I'm not sure if it accomplishes what I want, I can't get it to work.

I just want to get a smooth cross fade transition between this image replacement. I've been searching and messing with picture gallery scripts all night.

Any help?

Upvotes: 1

Views: 2069

Answers (1)

mu is too short
mu is too short

Reputation: 434585

tvanfosson suggested something like this in his answer to the question you noted:

http://jsfiddle.net/ambiguous/SH5Q9/

The basic idea is to wrap a <div> around the the large image and then apply the fadeOut() and fadeIn() effects to that <div>.

Also, you would do well to set yourself up on http://jsfiddle.net, it is a great tool for playing around with things and makes it easy to show people on SO what you've tried already.

Upvotes: 1

Related Questions