Liquid Page Transitions Like Slider

Question

I have published as liquid
http://thegalaxy.com/hana/liquid/

and Slider (horizontal)
http://thegalaxy.com/hana/slider-h/

What we'd like though is the liquid version to slide to next page like the Slider version. We like how the next and previous arrows sit over the full screen image too. Can you point us in the right direction how to achieve this please? Cheers

Answer 1

To show the arrows, make sure that Show Back/Next Arrows is selected.

You can add animation to the Liquid format using CSS animations. The page that is shown has a class of activePage. You can use the class name to trigger a CSS animation.

For example, the CSS for a custom fade in might look something like this:

.page {
   opacity:0;
}

.activePage {
   opacity:1;
   transition: all 1s;
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   -o-transition: all 1s;
}