A quick step-by-step guide for getting the most out of this new stack.
Download & Install
After purchasing, download the .dmg file to your computer, open it, then double-click the ParallaxBase.stack and ParallaxSlide.stack icons to install.
Add to a Stacks page
After restarting RapidWeaver, open a Stacks page and drag ParallaxBase from the Stacks Library onto your page. Then drag ParallaxSlide into that stack.
In Parallax's options, you can change the number of slides, the height of the slider, the background image, and much more.
Edit Your Slides
Each slide has a Headline, a text area below that, and an image. Customize each portion for each slide, then preview in RapidWeaver.
Eye Popping AnimationBuilding a great website with real "wow" factor just got a whole lot easier. Parallax is perfect for when you need to catch attention - it's one of those things you can't help but stop and admire.
Using advanced CSS3 technology Parallax creates multi-stage animations that are truly remarkable, moving different elements at different times to create an immersive browsing experience.
Responsive & MobileParallax is based upon the great demo by Mary Lou of Codrops - but the original version wasn't iOS friendly, so we revamped the design to make sure Parallax looks and works great, even when using an iPad or iPhone.
Now you can be sure that not only will your desktop site be jaw-droppingly good, but mobile visitors can enjoy the awesomeness as well.
RequirementsParallax requires Stacks 2 and RapidWeaver 6, or RapidWeaver 5.
Browser CompatibilityParallax is specifically designed for modern browsers that can take full advantage of HTML5 and CSS3, and has been tested in the following browsers:
Safari 5.1+, Firefox 10+, Chrome 17+, Opera 11+*, & IE 9*/10
IE9 & Opera do not support the advanced CSS transformations Parallax uses, and will instead display a "regular" content slider, minus the multi-staged animation.
Background pattern in the above Parallax example is from Din Pattern.