jQuery - animated image swap
I'm trying to animate a simple image swap but it's not quite working right. Details below, here's my code thus far:
So: find the image to be swapped, and animate its opacity down to 0. When the animation finishes, use the callback function to swap the src and animate the opacity back up to 1.
Simple enough, and I was surprised not to find an existing plugin that does exactly that. If you know of one, you could probably save us both some trouble :thumbsup:
In any case, the problem with this one is that the image src swap seems to screw with the opacity. It's difficult to tell what it's doing exactly, but the image fades out ok, but then flashes back up briefly, then switches immediately to the new image.
Well, I sort of fixed it in the end.. by animating the opacity of the container div instead of the image itself.
I came across this thread while searching for "jquery image swap".
Thought I would share with you the article I found on jquery image swap, since I already have an account here :)
|All times are GMT +1. The time now is 07:46 PM.|
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.