Rapidweaver Stacks Developers
www.doobox.co.uk

Stacks Image 1633
The Image Pop Stack Image light-boxing stack, with auto square thumbnail generation Image Pop Automatically creates a square thumbnail image from any larger image you drop inside. Click the generated thumbs to trigger the light-box. Works in all major browsers including IOS.
Stacks V2 Only
Enter the name for this tabbed section: Live Demo

Image Light-Boxing Where Ever You Want It


Drop the stack into the layout
And the square thumbnail trigger is generated for you.
Stacks Image 5813
Stacks Image 5817
Stacks Image 5804

Deploy a single Image Pop anywhere you can drop the stack

Stacks Image 1629

Automatically generated square thumbnail image

Stacks Image 5747
Deploy Individually
The stack deploys one image per insertion. Great if that is all you need and a gallery is overkill.
Auto Thumbnail Generation
The stack will automatically generate a square thumbnail from the original image.

Drop them into a default grid stack to create a small gallery

Stacks Image 4770
Stacks Image 1631
Stacks Image 4980
Stacks Image 5170
Note the optional hover effect overlay colour can be chosen by you
I have set the above demo to 4 different colours

See "Behind the Scenes" & "Options & Settings" above for more info

Enter the name for this tabbed section: Behind The Scenes

An extremely simple stack to deploy

Stacks Image 5771

Drop in your large image

Stacks Image 5773

You can change some light-box style here if required

Stacks Image 5791

Switch the edit mode to "Thumbnail"

Stacks Image 5779

Apply any styling you would like to the Thumbnail

Stacks Image 5785

Preview and Publish

Enter the name for this tabbed section: Options & Settings
Stacks Image 4473
Stacks Image 4685
Edit Mode
Toggle between the entry light-box image edit mode and the thumbnail edit mode.
This also hides and reveals different sets of controls in the settings pane (shown to the left).
Background
Sets the colour of the popup window light box background (seen as the border when the large image loads).
Overlay Opacity
Sets the opacity of the overall overlay when the light box is active.
Thumbnail Size
Sets the square thumbnail image between 50 and 300px.
Hover Overlay
Show or hide the hover overlay effect.
Hover Overlay (colour)
Set the colour cast of the hover overlay effect.
Border
Sets the size of the border around the box. default is zero.
Border Colour
The colour of the border applied to the thumbnail if used.

Top Tip…! If you are ever stuck over what a control in the settings pane does, hover over it to reveal an explanation.

Enter the name for this tabbed section: Video Overview

This video was kindly brought to you by :

Stacks Image 5833
Automatic Thumbnail Generation
The stack will automatically generate a square thumbnail image from your original image, to be used as the trigger for the light-box. You can make the thumbnails anywhere from 50 to 300px square.
Custom Hover Effect
The custom hover effect is optional, and you can also choose the colour of the overlay that appears on hover should you choose this option.
Tweet This Stack