yeah thats great for the page to auto redirect. What im looking for is to call a function redirecting the user to a sub page. In that function im putting the delay so that the animation can finish. Its sort of a out animation before moving on

The problem here is that im not sure how to call the function using onClick or similar.

Hi Sam,
I tried using your custom code.
The delay does work. However, the code seems to also freeze my transition/animation.
I’m currently using it with the 2.0 Interactions, so I’m not sure if that’s the issue.

Came across this on Smashing Magazine, I am not a developer but it seems to call the HTML from another page onto the page you are on using, while at the same time changing the URL, from the users perspective you are on the next page. Then you can use the animation transitions from one HTML container to another on the same page.

Any time a user’s experience is interrupted, the chance of them leaving increases. Changing from one page to another will often cause this interruption by showing a white flash of no content, by taking too long to load or by otherwise taking the user...

No idea how it impacts on SEO though!

There must be an easier way to do this though.

The code we are using seems to delay the animation and the page transition? I wonder is it possible to add custom code to trigger the animation, then trigger the page transition once the animation is finished.