Liquid Gallery is an attractive, responsive and versatile gallery that is simple to set up, yet offers options and silky smooth transitions that other gallery stacks don't have. Twenty eight transitions in all, including a simple fade, blinds and mosaics. Options include animated captions that gently slide up into view once an image has loaded and thumbnails. Images and thumbnails may be dragged into the stack or loaded from warehoused images.
Once Liquid Gallery is dragged into your project, you'll find a stack with extensive setup instructions (which, of course, may be hidden) and the Stacks 3 + button to add a child stack. The child stack has two options: Dragged And Dropped Image, or Warehoused Image. Choosing Dragged And Dropped presents you with an Image Container, a Thumbnail Container and a Caption Container, whilst Warehoused has the same Caption Container plus the settings for your linked image/thumbnail. There is also an option for both dragged and warehoused images to set an external link.
The instructions advise that the Caption may be added via either simple text, an HTML, or a Markdown stack. I'm lazy, so I tried adding a paragraph stack – which worked equally well. The caption formatting is governed by the theme that you choose.
Liquid Gallery first requires you to choose where your gallery should be positioned. The default setting is Normal Page Flow. The options are Theme Extra Content Container, or Theme Flood Freestyle Banner.
Next you can agonise over the Transition Effect. Did I mention that you have a choice of 28 transitions? All silky smooth? The Transition Speed and the Interval are set in milliseconds. A Progress Indicator is added by default, but may be deactivated. The Loader Type may be set to Pie (default), or Bar. The Pie position can be set further down in the stack's settings, the progress bar is displayed below the images.
The next stack options include nine settings for the navigation display and an option to crop portrait images.
The Liquid Gallery Style Settings include Button Theme with a myriad of colours to choose from, Pie Position, Loader Padding, Loader Stroke, Pie Size and Loader Colour. The remaining settings cover the Caption Content colours, the Pagination colours and the Thumbnail settings.
As already mentioned above, both captions and thumbnails are optional.
Liquid Gallery is well thought through. It's settings are quite minimalistic, but the results are beautiful. And – as with all RWE stacks – Great value for money.
X Slider is a simple slider that is childs' play to set up. It is one of the few sliders that let's your visitors view the slides at their own pace and you can drop just about anything into it.
When you click the blue + button to add a child stack, an X Slide Item is added to X Slider and you are presented with three options. You can add a Drag And Dropped Image, a Linked Image, or a Blank Stack. When you choose either a Dragged, or a Linked Image, you can set the path to your image, add an Alt text for SEO purposes and set a link. When you choose Blank Stack, a stack container appears on the page and the settings panel expands to offer further options.
You can now define a Blank Fill to set the colour of the X Slider background and set the Blank Padding – the padding around your content. Next you'll find options to set the Font Sizes for Small Font; Mobile Font; Tablet Font; Laptop Font and Desktop Font. Once again, you also have the option to set a link.
X Slider's main settings panel gives you the options to set the stack's height for the above listed devices. You will also find the settings for X Slider's Padding and the Image Radius. There are no further settings.
When you take a look at your preview, you'll find a sliding panel that is the width of the container you placed it in and the height that you just defined. You can swipe X Slider to slide along its contents, or you can use the slider below the stack.
X Slider will accept images of various sizes and shapes and the fact that you can add any content you please, including video or even contact forms, makes this just one more valuable addition to your RW toolbox.
Links to the developers ® All trademarks cited on this page are the property of their respective owners.
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?
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.
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—16