Stacks Image 6

Image Plus

Because an image doesn't always tell the whole story.

Image Plus

Images alone don’t always tell the whole story. The stack allows you to control the presentation of images and associated info.

Overview.

The stack is designed to show Images and associated content in a completely new and aesthetically pleasing way. You have the ability to display any image with accompanying descriptive content, by means of a custom content column that slides into view along with the image when triggered by your user.
Custom content is very flexible, allowing you to add all manner of stacks to this section.

All aspects of the stack are fully responsive, designed to display optimally on all devices. (Try resizing the browser window when in light-boxed mode).

The stack will never serve an image larger than needed, to speed up mobile page loads. It creates copies of your images at various sizes to be sure it has an appropriately sized image ready to be served as fast as possible.

Instant download.

Version : 1.0.6

Responsive : Yes

First released : 11/8/2015

Last Updated : 17/8/2016

Stacks V 3.0 or greater.

Live demo.

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

The point we are showing here, is that each stack has a master image (as seen below), and when clicked, reveals the full size version of the image, with associated content relative to the image.

You have the option to turn off this extra info column. We are showing 2 stacks with the info column on, and 2 stacks with the info column off.

We are showing different types of hover effect available. In practice you would likely use the same effect across all instances of the stack in the same page.
Each image below is a standalone instance of the stack, so can be arranged in the page however you wish, just like normal images. Click an image to fire it into action.

Stacks Image 646

The Leica Q


The Leica Q is the best travel camera I’ve ever used.

Over these last six months, the Q joined me while on assignment in South Korea, trekking across Myanmar, hiking the mountains of Shikoku, and spending a few freezing nights on Mt. Kōya. It was used in searing heat, 100% humidity, covered in sweat amid rice fields beneath a relentless sun. And in subzero temples, as candlelit Shinto and Buddhist fire ceremonies ushered in a new year.
“Photography is so linked to science that technical explanations are inevitable in any discussion of the aesthetics of the camera.”
The History of Photography
Stacks Image 750

Framing the Q: Things that shouldn’t exist


The Q was announced in June 2015, but it has been so popular (according to the Leica nyc store staff, it's the most popular launch they’ve ever seen), people are still on wait lists to get it. It took me three months to get mine.

The Q has a “full-frame” (the equivalent surface area of a single frame of 35mm film) 24.2 megapixel cmos sensor paired with a fixed, 28mm Leica Summilux f1.7 lens. You can’t remove the lens and it doesn’t zoom so you can only shoot at 28mm. 28mm is similar to the field of view of an iPhone.
Stacks Image 754
thex Created with Sketch.
Stacks Image 629
thex Created with Sketch.
Stacks Image 674
thex Created with Sketch.
Stacks Image 707

The Leica Q


The Leica Q is the best travel camera I’ve ever used.

Over these last six months, the Q joined me while on assignment in South Korea, trekking across Myanmar, hiking the mountains of Shikoku, and spending a few freezing nights on Mt. Kōya. It was used in searing heat, 100% humidity, covered in sweat amid rice fields beneath a relentless sun. And in subzero temples, as candlelit Shinto and Buddhist fire ceremonies ushered in a new year.
“Photography is so linked to science that technical explanations are inevitable in any discussion of the aesthetics of the camera.”
The History of Photography
Stacks Image 789

Framing the Q: Things that shouldn’t exist


The Q was announced in June 2015, but it has been so popular (according to the Leica nyc store staff, it's the most popular launch they’ve ever seen), people are still on wait lists to get it. It took me three months to get mine.

The Q has a “full-frame” (the equivalent surface area of a single frame of 35mm film) 24.2 megapixel cmos sensor paired with a fixed, 28mm Leica Summilux f1.7 lens. You can’t remove the lens and it doesn’t zoom so you can only shoot at 28mm. 28mm is similar to the field of view of an iPhone.
Stacks Image 793
thex Created with Sketch.

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
Hover effect

Choose what happens when the user hovers the mouse over one of your images. Options are:

  • 1: No Hover effect
  • 2: Zoom
  • 3: Fade

Overlay opacity

When you have clicked an image, the column on the left is semi transparent. This controls just haw transparent that is.

Right column

This is the background colour of the associated content column that appears on the right.

Close X

This is the colour of the "X" that appears in the top right hand corner, when an image is clicked. This is used to close the light-box.

Image info

You have the option here to use the right hand column for extra info or not. You can just use the stack as an image light-box alone.

Compact and tidy

When selected, the stack collapses into a tidy mode. This only affects the view of the stack while in edit mode.

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

Simply drop your main image in the area on the left, and place any stacks as your content in the extra info column on the right.

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