RWE's Photo Box arranges a collection of images in a grid and will display those images in a lightbox slideshow when one of them is clicked. Just as with RWE's other image and gallery stacks, when you drop Photo Box onto a stacks page, you will see a box with a set of instructions and the blue + button to add an image and, just as with those other stacks, you can choose between a local or a warehoused image. There are two image wells, one for a Thumbnail and one for the Lightbox Image.
Both the Image Title and the Image Caption are displayed below both the Thumbnail and the main image, so you can add one, or both and deactivate whichever you don't wish to be displayed in the main settings panel. Don't forget, however, that both can enhance your SEO results.
Photo Box' Thumbnail Grid Settings are straightforward and allow you to set the Thumb Size, Thumb Space an Thumb Radius. Each grid cell adapts to the height of the image placed within it, so your resulting page will look much more organised, if your images are all the same size. For the examples below I created square thumbnails for my oblong images.
Below the Grid settings, you will find the Title and Caption settings. Both allow you to choose Font Size, Line Height and Colour. As mentioned before, both can also be disabled.
Photo Box' Lightbox Settings give you the option to Autoplay the lightbox and, when activated, shows further settings for the duration. The Loop option will allow your automated slideshow to rerun from the first image once it's done. The Thumbnails are displayed by default underneath the lightbox, but can be deactivated by unchecking Lightbox Thumbnails.
Lightbox Counter will display the image number/total images, e.g. 3/20 underneath the lightbox image and the extravagant feature Lightbox Zoom will let you zoom the image with the mouse scroll wheel. I don't have a mouse, but the Feature works with the slide bar on a Wacom tablet too. As tis is not a standard lightbox feature, you might want to add a text explains that this feature is available.
The Lightbox Radius is set to 10px by default. Settings for the Colour of the Lightbox Text and Fill are available, as are the colour of the Lightbox Thumbs [frame] in both active and hovered states.
The Lightbox Interface Shade can be set to any colour that matches your overall design and may be set to transparent. The Button Colour too may be changed.
Buttons? Yes – obviously there are buttons that appear when the lightbox image is hovered, to advance the image in either direction, but there is also a button that will hide/show the thumbnails below the lightbox image.
With a little preparation, Photo Box is the ideal stack to display a collection of light boxed images.
Remember that box full of Polaroids in your cupboard? A text scrawled on each one and when you shared them with friends, they (the Polaroids, not usually the friends) landed in unorganised heaps on the table. Scatter Mosaic reproduces this effect (without the tipsy friends) and is a fun way to show an album on your web page.
Once again, when you drop Scatter Mosaic onto a stacks page, you get the instruction box with the blue + button. Click the button and start adding images to the stack. A word of advice – the images should all be square, just like Polaroid images were. Now the fun can begin.
The image well that opens, when you click the + button has the option to place a single local, or a single warehoused image – without a thumbnail. You can add an Image Title for SEO purposes and an Image Caption. You will see the Image Caption on your 'Polaroid' later.
Once you've added a couple of images, click the main stack to access its settings panel. If you only loaded a few images, you can click Bulk Up With Duplicate Images to make your mosaic look more interesting. Otherwise you can continue with Mosaic Height to set the height of your 'table' and Mosaic Fill to set the colour of the table.
An interesting feature of Scatter Mosaic is the option Starting Ovelay. This will place a dimmed collection of your Polaroids on the page until you click View Gallery. With this option deactivated, your Polaroids will be strewn on the table as the page loads. You can set the colours for the backdrop and the View Gallery Button – or whatever you would like to call the button in the provided settings.
Item Padding, Item Radius, and Item Size all allow you to adjust how your Polaroids are fashioned. Their Fill is set to white by default, but if you want colourful frames, you can always change that – the Shadow is set to dark grey.
You will find twelve different font settings for the scrawled Title Font Face, including the Main Theme Font and you can set the Font Size and Letter Spacing along with the Caption Colour.
Navigation Dots appear at the bottom of your 'table' and you can set the Navigation Colour for both the Normal and the Active dots. I found that semi transparent colours work best for me.
Finished! Now, each time your page loads, your Polaroids will be strewn into heaps over your table – with different heaps each time and your first image on view in the centre. Each time you click the navigation, your new image appears in the centre and the heaps are randomly rearranged.Scatter Scatter Mosaic is a fun gallery stack which is ideal for both personal albums, or product shots.
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.
By clicking 'Submit', you are giving your consent to having rjh-webdesign collect your name and email.
These details are used exclusively for the newsletter and will not be passed on to third parties!
As soon as I've added you to the mailing list, you'll receive a mail asking you to confirm your subscription.
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.
By clicking 'Submit', you are agreeing to receive emails from Ninja News
You've reached the bottom of the page, thanks for reading.
If you enjoyed what you read, you can subscribe to the Ninja Newsletter and receive a review summary once a month.
We shall send you a summary of the Ninja News reviews once a month.
We do not send out any other mails and we shall not, under any circumstances, share your email address with third parties.