Features

  • Beautifully animated lightbox effect
  • Style and align image within your layout
  • Dismisses itself if visitor scrolls away

Example

Below are a couple of images in the Zoom stack. Click on them to open them in a gorgeous lightbox. You can click outside the image, or simply scroll away to dismiss the lightboxed image.

Image
Image

Using Zoom

General

Remove Base Margin
Allows you to disable the preset standard spacing that is applied to the bottom of the Zoom stack.

Image

Image
Drag-and-drop your image here and the Zoom stack will do the rest.

Style
Choose from two different image styles: Standard, Rounded.

Alignment
Allows you to set the justification of your image. You can set the alignment to left, center or right.

Advanced

Alt. Tag.
Provides you a way to add an Alt. Tag to your image. The alt tag is used in HTML to specify alternative text that is rendered when the element to which it is applied cannot be displayed. It is also used by "screen reader" software so that a person who is listening to the content of a webpage (for instance, a person who is blind) can interact with this element.

Image Sizing

This feature allows you to choose how Foundry displays your image when it comes to responsive sizing. You can choose to have the image display normally, as-is and only scale downwards when the image would otherwise begin to overflow the bounds of its parent container or you can choose one of the following:

  • Normal: Image is loaded as-is and is not scaled upwards in any way. It will scale down though to make sure it fits within the bounds of its parent stack(s).
  • Upscale to 100%: Forces the image to scale itself past its original size, enlarging itself to fill out the entire width of its parent container.
  • Max-Width: Set a maximum width for your image. The image will never scale up beyond this value but will still responsively scale downwards to ensure it fits within the bound of its parent container.
Sign up for The Forge newsletter

Stay up to date on future versions of Foundry, as well as important news, updates and more!

This site is built using Foundry for RapidWeaver

© 2006-2016 Elixir Graphics | Contact Us