DISCONTINUED

The PA/Lightbox Stack are succeed by the LightboxPlus Stacks. They are no longer for sale.

PA/Lightbox Stacks

Use each of these stacks to turn your standard Photo Album page into a beautiful, responsive lightbox gallery with the help of the PlusKit Plugin by YourHead or Joe Workman’s Global Content Stack. Even implementing them on existing Photo Album pages is a breeze. All lightboxes are fully responsive and support keyboard navigation; some of them even support swiping on mobile devices.

All lightbox plugins used in these stacks are carefully selected to ensure trouble-free functioning in all recent browsers and operating systems and work in Preview mode (when using the PlusKit plugin). Besides that, all lightboxes are free to use, even in commercial work, so no worries about buying licenses*.
*The TOS “R”Us Plugin is donationware (there's a donation button on the bottom of this page); all others are released under a MIT License.

PA/Magnific Popup Stack

PA/Magnific­Popup Stack

Based on Dmitry Semenov’s Magnific Popup Plugin.

‘Magnific Popup is a responsive jQuery lightbox plugin that is focused on performance and providing best experience for user with any device (…).’

For demos and the options, please visit the demo pages.

PA/Photobox Stack

PA/Photobox Stack

Based on Yair Even Or’s Photobox Plugin.

‘A lightweight image gallery modal window script (…). Bottom row of thumbnails, navigated by mouse movement. (Images) can be resized using the mousewheel. Touch-friendly swipe left/right to change image. Auto-playing of images at a set interval.

For demos and the options, please visit the demo pages.

PA/Responsive Lightbox Stack

PA/Respon­sive Lightbox Stack

Based on Duncan McDougall’s Responsive Lightbox Plugin.

‘[An] image-only, responsive, super lightweight, jQuery lightbox plugin.’

For demos and the options, please visit the demo pages.

PA/Shinybox Stack

PA/Shinybox Stack

Based on One-com’s Shinybox Plugin.

‘A jQuery "lightbox" plugin for desktop, mobile and tablet [that supports] swipe gestures for mobile.’

For demos and the options, please visit the demo pages.

PA/TOS“R”Us Stack

PA/TOS­“R”­Us Stack

Based on Fred Heusschen’s TOS “R”Us Plugin.

‘A jQuery plugin for scrolling/swiping [on] on a desktop, tablet or smartphone […]. It's responsive by default, duh.’

For demos and the options, please visit the demo pages.

PA/Vanillabox Stack

PA/Vanilla­box Stack

Based on cocopon’s Vanillabox Plugin.

‘A simple, modern Lightbox-like plugin for jQuery. Simple design, no decoration. It focuses your content.’

For demos and the options, please visit the demo pages.

Usage
Use Joe Workman’s Global Content Stack or the PlusKit Plugin by YourHead to import a Stacks page with one of these stacks into a Photo Album page or vice versa.
Option 1: Import a Stacks page into a Photo Album page with PlusKit
1 Add a Photo Album Page, a Stacks page and a PlusKit page to your project
In Page Inspector > General of both the Stacks page and the PlusKit page disable Enabled and Show in Menu. Give both pages a meaningful name. I prefer to make the pages that are only used for importing into other pages with PlusKit subpages of the PlusKit page, but that’s up to you.

2 Add a PA/Lightbox Stack to the Stacks page
Set the options for the lightbox in the stack’s HUD on the right.

3 Import the Stacks page into the Photo Album page
On the photo album page, add @import((PAGENAME)) in the sidebar, select the code and apply Format > Ignore Formatting.
Option 2: Import a Photo Album page into a Stacks page with PlusKit
1 Add a Photo Album Page, a Stacks page and a PlusKit page to your project
In Page Inspector > General of both the Photo Album Page and the PlusKit page disable Enabled and Show in Menu. Give both pages a meaningful name. I prefer to make the pages that are only used for importing into other pages with PlusKit subpages of the PlusKit page, but that’s up to you.

2 Add a PA/Lightbox Stack to the Stacks page
Set the options for the lightbox in the stack’s HUD on the right.

3 Import the Photo Album Page into the Stacks page
On the photo album page, add @import((PAGENAME)) in any styled text area, select the code and apply Format > Ignore Formatting.

  • Make sure that Album type is set to Gallery (not Slideshow!) in Page Inspector > Page > General on the Photo Album Page.
  • If you want the captions to appear with the lightbox images, make sure to set Captions to Everywhere or Thumbnails only in Page Inspector > Page > General on the Photo Album Page.
  • If you don’t want the captions to appear with the lightbox images, use the option in the stack.
  • If you want the captions to appear with the lightbox images, but not with the thumbnails, just add .thumbnail‑caption {display: none;} in Page Inspector > Header > CSS on the Photo Album Page.
  • Don’t use more than one of these stacks on a page. The result will be unpredictable at best.

Background
These stacks are partly inspired on Adam Merrifield's sdLightboxAlbums script.

Limitations
  • All stacks works in recent versions of all major browsers, including Internet Explorer 8 and newer. The PA/Vanillabox Stack and the PA/Responsive Lightbox Stack even work in Internet Explorer 7.
  • When the visitor has JavaScript disabled in his browser, the stacks will not work and the ‘normal’, one image per page photo album pages will be shown when you import a Stacks page into a Photo Album page.
  • None of these stacks work properly with themes that already have a lightbox built in.
  • At present, the PA/Responsive Lightbox Stack does not work in Opera (market share around 1.7%, so I will leave it as it is).
  • Some features and options (especially autoplay in the PA/Photobox stack) do not work properly in RapidWeaver preview mode. Once exported or published, everything works as expected.
Support
Please use this form to report all issues, questions and comments.

These stacks require both the Stacks plugin (version 2 or higher) and the PlusKit Plugin by YourHead.
There are dozens and dozens of lightboxes out there, but they will only make it into this series if they…
  • use jQuery
  • are responsive
  • work in all recent browsers and operating systems, including IE8
  • are free to use, even in commercial work
  • are well maintained by the author, so any bugs are fixed frequently
Suggestions for other lightboxes that may be worthwhile turning into a stack are always welcomed – as long as they meet these criteria!
© 2012-2017 Marathia Web Design | Contact