Images alone don’t always tell the whole story. The stack allows you to control the presentation of images and associated info.
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.
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.
Image light-boxing where and when you need it . Requires Rapidweaver & Stacks Plugin v3.5 +
Swell will instantly light-box any image with a unique animation. It has a selection of built in thumbnail hover effects, and is intended to be used anywhere in your page.
So you want to place an image somewhere in your page. You want the detail of the image to be seen by the visitor, but placing it in the page in all it's full size glory is just too overpowering for the rest of the page layout.
This is when you should turn to Swell. It allows you to drop in your large image, and just see a smaller thumbnail of the image in the page (you have total control over the thumbnail size). When the user clicks the thumbnail sized image, it pops into a light-box animated from it's size and position in your page to the full size version in centre screen.
Swell is clever too. Lets think about mobile. On small mobile screens the chances are that your thumbnail Swell image is going to be filling almost the full width of the screen, because of your responsive design. What's the point of light-boxing it in this situation? There's none really, as it can't get significantly larger on this screen size. So Swell has an option to completely turn it's self off below a certain screen size that you define.