Clicky

RapidWeaver Stacks, PlugIns, Themes ...
menu Menu

rjhweb design

rjhweb design

fast, flexible fair

Ninja News

RapidWeaver News & Reviews

Liquid Image Slider

At the risk of repeating myself – every Stacks developer has at least one slideshow in his stables. We're really spoiled for choice. Variety enlivens business, so to add some life to the scene, here's another one. Liquid Gallery from RWExtras.

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


Stack settings.
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.

Comments

Is It A Bird? No. Is It A Slider? Yes!

I mentioned just recently that I've lost count of the number of sliders available for RapidWeaver. So here's the Xth for your list. X Slider from RWExtras – a slider with a difference. Let's Twist again!

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.

Comments

Show more posts

  • Stacks Image 35399
  • Stacks Image 35402
  • Stacks Image 35405
  • Stacks Image 35408
  • Stacks Image 35411
  • Stacks Image 35414
  • Stacks Image 35417
  • Stacks Image 35420
  • Stacks Image 35423
  • Stacks Image 35426
  • Stacks Image 35429
  • Stacks Image 35432
  • Stacks Image 35435
  • Stacks Image 35438
  • Stacks Image 35441
  • Stacks Image 35444
  • Stacks Image 35447
  • Stacks Image 35450
  • Stacks Image 35453
  • Stacks Image 35456
  • Stacks Image 35459
  • Stacks Image 35462
  • Stacks Image 35465
  • Stacks Image 35468
  • Stacks Image 35471
  • weaverthemes
  • Stacks Image 35477
  • Stacks Image 35480
  • Stacks Image 35483

Links to the developers ® All trademarks cited on this page are the property of their respective owners.

x

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.

* indicates required

Contact Information

My Image

rjh web design

265 Moo 2
Mae Na Toeng Nai, Pai
Mae Hong Son
Thailand 58130

About Us

We design websites and print-products for small businesses at reasonable prices. We specialise in Responsive Web Design.

Legal

This site uses Cookies to determine the best method of display in combination with your browser.
We do not harvest or sell personal information.
© rjh web design 2010—16

This website was built with loving care on a Mac using Foundation. For more information, contact me.