Stacks Image 6

Montage 2

Space aware image gallery.

Montage 2

A gallery of images that will always arrange it's self into a perfect rectangle.

Overview.

Designed exclusively for Stacks version 3 or above, this stack takes full advantage of the new plugin features. Images are created in two sizes at the moment you drop them into the stack so smaller versions load as fast as possible, while larger originals are presented in all their glory when viewed in the built in light-box. The stack has a great new edit mode user interface, with handy mini HUD’s to get a sense of what your settings changes are doing in real time before previewing. (check out Edit Mode section below).

A perfect rectangle: No matter how many images or the proportions of those images, the stack will always arrange the images into a perfect complete rectangle presentation. You have many options to configure the look and feel, including row height, spacing, and what happens on hover, to name but a few.

Touch enabled light-box: Clicking images will allow navigating through the set in a touch enabled light-box. On mobile devices users are able to navigate forward and backward through the gallery using touch swipe gestures. This is fast becoming the expected behaviour on touch screen devices.

Instant download.

Version : 1.0.6

Responsive : Yes

First released : 1/9/2016

Last Updated : 10/06/17

Stacks V 3.0 or greater.

Live demo.

You can see a few live examples of the stack in action below.

Default settings, as dragged into the page, just added images.

No image titles, and a zoom on hover effect chosen. Also set zero spacing between thumbnail images.

Chosen the light theme for the light-box, and image order is randomized on page load.

In this example, we have chosen to have the red image link to another page when clicked, instead of opening the image in a light-box.

Note: We are just linking back to this page for demonstration purpose.

Stacks 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 243
Borders

This is the background colour behind the images, that also becomes the border colour if inner borders and or outer border is applied in the settings below.
This colour picker has the option to choose transparency.

Inner border

Sets the spacing between the images. The border colour above will be seen in these spaces.

Outer borders

Sets the border around the entire group of images. The border colour above will be seen as this border.

Average row height

You can choose the average row hight here. The stack will try and get as close to this height as possible for each row when it calculates the sizes of the images for best fit into the rectangle.

Image titles

Here your options are :

  • Do not show any titles.
  • Show titles only on thumbnails.
  • Show titles only in lightbox.
  • Show titles on thumbnails and in lightbox.

Light-box titles only on hover

If light-box titles have been selected as an option in the setting above, then this will decide if they are visible always, or only when the light-boxed image is hovered over.

Image order

By default the order the images display will be the order you have arranged them in edit mode. You can choose to randomise that order on every page load here.

Thumbnail hover

This is what happens when you hover over one of the thumbnail images.
Options are:

  • Nothing.
  • Fade out the image.
  • Zoom into the image slightly.

Light-box theme

You can choose between a light or a dark theme for the lightbox mode here.

Show or hide contents, in edit mode only

This just makes your edit mode space tidier, when you are done editing the stack.

Stacks edit mode.

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

Stacks Image 297

Add as many images as you need, simply by clicking the green plus icon. You can drag the around to re-arrange them at any time. There are handy mini HUD’s to represent your settings changes in real time.

Stacks 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. Any exception to this rule will be listed below.

Safari

Chrome

Firefox

Explorer

Known compatibility issues

There are no known compatibility issues with this stack.

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.

Secure checkout.

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 set-up.

Instant download.

Stacks Image 589