Mr. William Woodgate is still indefatigably updating his recently acquired seyDesign stacks. Will just presented a very welcome update — SuperBox 4.
SuperBox is a lightweight gallery stack that builds a tightly-knit, responsive grid of square images with a subtle rollover effect. Rather like Google Images, if an image in the grid is clicked, the images below it slide down to reveal the chosen image in a lightbox. I purchased SuperBox a few years ago, but never used because it had an irritating trait; if the last image in a grid's row was clicked, the lightbox opened but the 'next' button didn't show up. I felt that this would confuse users and so the stack was never deployed.
Thankfully, Will has rectified the situation; SuperBox now functions logically and, I must say, rather elegantly. The update also adds the functionality that we have come to expect from a Stacks 3 stack.
When SuperBox is added to a page, you can begin adding images by clicking the blue plus button in the stack. Clicking the image container that appears, opens up the image well and you can choose either local ('Drop'), or warehoused images in .jpg, .png, .tif, or .gif format. An ALT text can now be added for each image to aid SEO; this was not available in previous versions of the stack.
New options have been added to the SuperBox main settings. In addition to the image orientation (the standard setting is landscape and is suitable for all image formats) you can now set the padding between the images in the grid. The maximum height of the Lightbox image can be set and the thickness of the image's border. Then follow the settings for the lightbox background colour, the border colour and the colour of the navigation controls. In each case the opacity can also be set.
Multiple instances of SuperBox can be used on the same page, allowing you to add galleries with different themes – travel destinations, for instance, or events, portfolios, or product images.
Once your gallery setup is finished, if you find that you would prefer your images in a different sequence, you can drag them around within the main stack without having to rebuild anything.
SuperBox's width is determined by its containing stack and morphs into a two-column display when loaded on a mobile device.
Version 4 is a welcome update to SuperBox – it finally works as expected. The update is free, but, due to extensive rewriting, it will not appear as an automatic download. One advantage of this is that you can load both the previous version and the updated stack onto the same page to assist in updating existing galleries.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
Subscribe to Ninja News
or ask a question
Yes, I would like to receive your monthly newsletter.
No thanks, I’m good for now. I have a different issue.
[1-1], thanks for subscribing. If you made a further request, I’ll get back to you – typically within 24 hrs.
[1-1], thanks for contacting me. I’ll review your mail, and get back to you – typically within 24 hrs.
Thanks again for contacting us. Your request was successfully submitted.
Looking for Inspiration?
Looking for Inspiration for a new site, or need a CTA
The Latest & Greatest
Do you have a question regarding RapidWeaver?
Would you like help with your new project?
Would you like us to build your new RapidWeaver website?
265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.
We do not harvest or sell personal information.
© rjh web design 2010—17
Powered by rjh-design
Don’t miss a post!
Sign up for our monthly newsletter.
A monthly digest of all the latest updates from our RapidWeaver blog, keeping you up to date with the hottest new stacks and themes.