Mootools Morph Transitions Not Reversing

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

Mootools Morph Transitions Not Reversing

Post by omniuni »

Hello Forum,

I'm working on a rollover project for class, and we were supposed to use that horrid stuff that Dreamweaver generates. I wanted to do something a little nicer, so between some scripts I found online and some of my own modifications, I managed to get some pretty nice fading. I then tried to modify the function to use a morph instead of a tween. I worked out a sliding effect, which you can see in the door graphic when you mouse over it. Unfortunately, the animation does not simply reverse when you remove the mouse. It seems to jump oddly.

The page is online here: http://198.86.244.3/dsmarcus/WEB111/?show=mouseovers

Mouse over the door, and you should see what's happening. Note that the fade on the house image works fine, and just sort of reverses itself as expected. Does anyone know how I might fix the code so that the animation works a bit smoother?

Thanks!
OmniUni
User avatar
omniuni
Forum Regular
Posts: 738
Joined: Tue Jul 15, 2008 10:50 pm
Location: Carolina, USA

Re: Mootools Morph Transitions Not Reversing

Post by omniuni »

Does anyone have ANY ideas or suggestions?
Post Reply