This project file has been put together to demonstrate the options available when using [Parallaxer stack]
The banner image at the top of this page is a full-width image and to do this the Parallaxer stack was just added directly to the page (as opposed to within any container stack). It will fill edge-to-edge if the theme that you are using supports this (as opposed to placing your content within a container). This theme adds a small margin around everything.
In the stack settings the height for this image has been restricted to be at most 100% of the browser window height (using '100vh in the stack settings). Whether it does fill the browswer window depends on the window size and the height / width of the image. If the browser window isn't big enough then it will just display at whatever height the photo is when the width of it is the full width of the browser.
Most other parallax effect stacks (or plugins etc) only allow for one direction of effect. Parallaxer offers 3 directions:
The 3 images below demonstrate these 3 directions. (The banner image above uses the default 'up' direction)
Parallaxer allows you to add content on top of your image. Depending on the size of your image you will likely only want to use small amounts of content (certainly for displaying on mobile). You can however add absolutely any stack (or stacks) that you like.
Parallaxer has 5 preset areas that you can choose to use:
Additionally, the first 4 of these have been added into a 4 column stack which has been set to display these in a 2x2 grid (on desktop) and stacked on mobile. Adding the parallaxer stack to any container such as this will limit the width (and therefore height) to that of the container.
Parallaxer allows you to adjust the scale of the parallax effect from 10 to 50 (I will increase this limit in the next update!).
The smaller the number that you choose the more subtle the effect. Parallax effect works best when it is more subtle but you can play about with this number to see what works best with your images. Using a larger scale works best if the image is bigger than the container otherwise the quality of the image may be reduced.