Page transitions

Permalink
Hi there

Has anyone found or made a page transition system for Concrete5, particularly for sliding between actual pages as created by c5, rather than divs?

There is the technique of having the content in different divs on a single page, held off-screen, that are then slid into view. If there's not a method of sliding between whole pages, then has anyone found a way of putting C5 content into multiple divs like this?

(Example of this multiple div effect - partic the daignonal slide:http://www.queness.com/post/356/create-a-vertical-horizontal-and-di...

Thanks!

Austen

 
austenozzy replied on at Permalink Reply
There must be someone... :-)

Am I missing something obvious? Is it a common feature that I've simply overlooked?

Someone talk to me ... sniff ...
JohntheFish replied on at Permalink Reply
JohntheFish
A web page can only control what happens within the page. Its a fundamental security constraint. Transitions between pages are controlled by the browser, not by the page. So the most a page can do is delay exit while pretending to transition out. Then the next page can deliberately delay rendering while pretending to transition in. There could still be a gap between the two to spoil the effect and many browser controls would override it.

Most sites that shows cool transitions actually do it by staying within one page and pretending to load a new page through a transition, often using ajax in the background. There are a few themes in the marketplace that do stuff a bit like this, but generally (and not meaning to demean the superb design skills these themes show), they are under the hood built as full-page sized sliders on steroids. As is the demo you referenced.

If you want to do something a bit more wide reaching and have the developer expertise, you could look at:
http://www.concrete5.org/marketplace/addons/rapid-ajax-paging/...
http://www.concrete5.org/marketplace/addons/blocks-by-ajax/...
austenozzy replied on at Permalink Reply
Thanks John - much appreciated. I'll take a look at those add-ons you've linked to.

Cheers

Austen