This Stack has been replaced by Image Lightbox

Image Lightbox Gallery Stack

Create a stunning lightboxed image gallery. You just have to drop the images you want in your gallery. They are all hidden from the start but as soon as you click on a special linked item on your page your first image will appear lightboxed. By using buttons or mouse wheel you can cycle through your gallery. Even titles are supported, they can appear as overlay, inside text or box outside of the image.
Stacks Image 2122

Screenshots

Examples

Clicking on one of the images will start a gallery of lightboxed images, which you can click through. Each of the images will start another gallery, none of the galleries' images are mixed into another one.
Each image will have its title displayed as overlay using the Alt attribute.
Stacks Image 2026
2010
Flowers
Stacks Image 2032
2010
Winter
Stacks Image 2029
2013
Animals

Settings

    ID: Each Stack LightBox Gallery needs a unique ID
    Items: Number of images you want in your gallery
    Show Title: En- or disables the title
    Title position: 'inside', 'outside', 'box' will put the 'alt'-tag of the image as a description onto different positions
    Transition (in/out): 'fade', 'elastic', 'none'
    Speed (in/out): Time between slides in ms
    Overlay Color: Color of the screens background
    Overlay Opacity: Opacity of the background
    Collapse (edit mode): Checking this option will hide all the images in the gallery in edit mode: Minimizing the content, better overview of your Stacks and more performance while scrolling and editing the page
    Always show arrows: This will show the arrows always and not only when you hover over the image.

Browser Compatibility

  • Safari
  • Chrome
  • Opera
  • Internet Explorer
  • Firefox

How to set up a Image Lightbox Gallery

Just set the number of images you want to show in your gallery. Drag and drop images into the stacks.
You need to give the Stack a unique ID.
Afterwards setup a link on this page with url=# and class="ID of your gallery"

Downloads

Stacks Image 5664

Download Project File

Infos and Requirements

Rapidweaver
Rapidweaver 5/6/7
Stacks 2 only
Stacks 2 / 3
Responsive
Compatible to
responsive themes
Internet
Internet connection
for preview

Screencast