Stacks Image 3169

Image Switch Stack

Smooth transition between two different images on hover. The stack may also be a clickable link.

0 Likes

Instant download.
Requires: Stacks v3 or greater,
Version : 1.0.1
Released: 17/04/2020
Last Updated : N/A

Stack Info

Overview

Smooth transition between two different images on hover. The entire stack may be a clickable link.

Simply add a pair of images into the stack. One image is presented for a normal state, and when hovered, the second image smoothly transitions into view.

The entire stack can be made to be a clickable link to another page. Simply set the URL of the page you'd like to navigate to on click, using the simple link setter control in the stacks settings.

There is also fine grain control over the speed at which one image transition into the other on hover. You can set this by means of a simple slider control in the stacks settings.

Settings

In this section, we have provided a comprehensive list of available settings, and a full description of what each of the settings does for the stack.

Stacks Image 2929
Link To

When set clicking the image directs to whatever url you have provided.

Transition Speed

This is the time in milliseconds it takes to transition from one image to the other. (There are 1000 milliseconds in one second).

Alignment

You may align the image left right or centre of the parent container. Note this only matters if the image width is smaller that it's parent containers width.

Edit Mode

We pay great attention to how we approach the editing interface of every stack, to ensure intuitive ease of use.

Stacks Image 2948

Super simple. Just drag and drop pair of images into the placeholders. Note images should be of equal dimensions.

FAQ

Important information that is pertinent to this stack. Please read, as there may well be something here that is essential to the deployment of this stack.

Browser support

This stack is supported in all modern browsers.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

No known issues.

Stack installation

Download.

After purchase, you will be sent an email containing a download link for the stack.
Download the zip file from the link, and unzip it to reveal the stack inside.
You should now see the stack as a logo style icon.

Normal installation.

Double click the un-zipped stack file (the one that looks like a piece of lego).
This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Installation where more than one version of Rapidweaver is installed.

Sometimes if there is more than one version of Rapidweaver installed on your system, the double click method launches the wrong version of Rapidweaver to install the stack. To ensure the it is installed into the version you want to install to, you can, instead of double clicking the stack, just drag and drop it onto the appropriate Rapidweaver app icon in your dock at the bottom of your screen.

This will launch Rapidweaver if it was not already running, to automatically install the stack.
Rapidweaver handles the install process from here. Guiding you through a couple of simple clicks to complete the installation.
Re-start Rapidweaver to ensure the installation is complete.
You will now see the new stack in the Stacks plugin library.

Live Demo

Hover over the images below to see the stack in action.

Please note: When you deploy the stack for yourself, there is an option to make the images a clickable link, to direct the visitor to a new page.

Stacks Image 3189
Stacks Image 3192
Stacks Image 3201
Stacks Image 3204

Buy Now

We trust PayPal as our secure checkout provider.

Don't have a PayPal account? No worries. PayPal allows you to pay with your credit card if you do not have an account.

Missing image

© 2018 Doobox Software. Building premium Software Mac & RapidWeaver™

Image Switch Stack