ParallaxSlider

 


Eye Popping Animation

Building 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 & Mobile

Parallax 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.

Setup Instructions

Follow these isntructions for setting up ParallaxSlider in your project.

  1. Once downloaded and installed into RapidWeaver, navigate onto one of your Stack page types. In edit mode, open the Stacks Library.
  2. Drag and drop a copy of the ParallaxSlider stack into your page (the main stack and not the 'ParallaxSlider Item' stack).
  3. Then drag and drop the ParallaxSlider Item stacks inside of the main ParallaxSlider stack you added in the previous step. Use ParallaxSlider Item stacks for each of the slides in your slider.
  4. Add the content to the slider, including titles, captions, images and optional links.
  5. Customize any of the style and color options available to you.
  6. Preview the webpage in RapidWeaver. When finished, export or purblish the page.

Example

You can see a working example of ParallaxSlider below. Click the buttons to navigate the slides (an auto option is also available).

Using ParallaxSlider

A quick step-by-step guide for getting the most out of this brilliant stack.
Stacks Image 1735

Download & Install

Download the .zip file to your computer and uncompress it. Double-click the yellow ParallaxSlider.stack icon to install, or drag and drop the icon onto your RapidWeaver icon in the dock.
Stacks Image 1739

Add to a Stacks page

After installation, open the Stacks library. Drag and drop a single ParallaxSlider stack into your page. Drag and drop additional ParallaxSlider Item stack into the main stack, one for each slide you want to setup.
Stacks Image 1743

Customize Options

In Parallax's options, you can change many customizable options, including the height of the slider, the background image, color schemes, font formatting, responsive functionality and much more.
Stacks Image 1747
Thanks! Please check the following:
System requirements
This stack requires RapidWeaver and the YourHead Stacks plugin. It will not work with other platforms (like Wordpress). We recommend you aim towards installing the latest version of RapidWeaver that your computer is capable of running (preferably RapidWeaver 6 or greater) and Stacks 3 or later.

License agreement
You may use this purchased stack an unlimited number of times in personal or commercial projects, request technical support and receive free updates in future.

This stack can be installed or synced onto all computers that you own. You are permitted to make archival backup copies of the stack.

You may not resell or make this stack available for download, remove copyright credits or license information.

The software is provided "as is" without any implied or expressed warranty of merchantability or fitness for purpose. In no event shall the authors or copyright holders be liable for any claim, damages or other liability, whether in an action of contract, tort or otherwise arising from, out of or in connection with the software or the use or other dealings in the software.

Refund policy
By purchasing this stack, you agree that your purchase will be available immediately via digital download and that you waive your statutory right of withdrawal.

All purchases are final and refunds will not be provided (we physically cannot un-download or remove stacks from your computer).

You are reminded to make use of the free demo version already provided on the website, to fully evaluate this stack for compatibility and suitability before purchase.

Customer support
If you have questions that relate specifically to this stack, you should make contact via the support page. We aim to answer all messages within 12 hours, Monday to Friday.

If you require a faster response at weekends or during public holidays, please post your question(s) to the RapidWeaver forums, where a support volunteer may be able to assist you quicker.
Free demo versions
We provide free demo versions of all our stacks, so you can try before you buy! In the free demo's, automatic updates are disabled, a credit is displayed below the stack, and the stack fades out of view after 60 seconds. There are no trial expiries or disabled features. Buy with the confidence of knowing what you're getting.
What is a Stack?
A stack is a drag-and-drop component you can add to your webpages. These individual stack elements can be used to quickly add extra layout or functionality. Stacks work inside the Stacks plugin by YourHead software; an extremely popular plugin for RapidWeaver.
Learn more >
Customer support
Questions, feature requests, bug reports, or advice required about our stacks? No problem, we're here to help you. Fast and friendly expert support direct from the developers. No lousy FAQs, canned responses, complicated ticket systems or outsourced support agents here!
Learn more >
All prices shown include any applicable VAT
RapidWeaver® is a registered trademark of Realmac Software
Webpage Updated: 15/03/2017