The Parallax stack lets you add background images to your website which can be set to scroll more slowly than the foreground content, thus creating a subtle (and sometimes not so subtle) three dimensional effect. Parallax backgrounds are particularly popular on single page websites but can be just as effective on a more traditional site — we’ve found them especially useful on ‘destination’ sites where you can drop beautiful landscape imagery behind text, contact forms and so on, to add a bit of visual spice.
The Parallax stack supports three different types of parallax. The Cover Body setting will fill the entire background of a site and is very effective on sites with narrower content areas; the Image Only setting places an image into the normal ‘flow’ of content and is great for displaying large images inside a smaller fixed height container, so you really make the most of the scrolling effect; third you can select Image + Content which lets you place other stacks on top of your parallax background — which could be good for a contact form, for example.
You can drag and drop images into the stack’s settings or warehouse them, set their position and opacity and parallax scrolling speed. If the image doesn’t show up, it’s likely to be a z-index issue, but there’s a control for this and you can simply increase the setting until the image displays. With care it’s also possible to add multiple Parallax stacks to a page to create a deep three dimensional effect where the various images have different z-index settings so that each is visible. This will take quite a lot of setting up in order to achieve the correct effect, but as the demo on the author’s site shows, it’s perfectly do-able.
By offering three different styles, the Parallax stack allows Rapidweaver users to create attractive and effective three dimensional effects on their websites with the minimum of fuss. Highly recommended.