Welcome to WebmasterWorld Guest from 22.214.171.124
Forum Moderators: open
user clicks nav link
1. main content fades out (2.5s)
2. fresh content loaded into div
3. div fades back in (2.5s)
The code i thought would work:
the div doesnt fade out
but it still waits 2.5s
then the new content fades in over 2.5s
the fade out command on its own works fine.
removing the pause(2500)command makes it just fade straight away, still no fade out
I'm probably doing something stupid, but i would really like some help!
Spry API: (left nav: -> Spry Effects -> Fade)
Spry Fade Examples
If you want to detect when the animation is done and trigger another function set an "observer". (example, you load fresh content and fade in)
Spry API: (left nav: -> Spry Utilities -> Notifier -> addOberver)
Once you add an observer to your animation you can trigger new functions, on postLoad, preLoad or onLoad.
If you have any other questions keep asking.
1. fades out
2. loads fresh html content
3. shrinks or expands div to new content
4. fades in
similar to the behaviour of the collapsible panel of the spry api, only without clicking on anything