Plugin: Before/After Slider

An eye-catching slider for before/after images.


The Warly Before/After Slider offers an effective way to showcase before/after images.

The UI elements adapt the style of your website so the slider fits perfectly into your content.

The slider can be operated with mouse, keyboard as well as touch, making it easily accessible and simple to use for everyone.

Two representations are supported:


Split

Both images are displayed separately from each other and can be moved via a slider in the middle.

wcf.beforeAfterSlider.f4b879400c3843ca9e77b88e80cfd227bb6e90f5.beforeImageTitle
wcf.beforeAfterSlider.f4b879400c3843ca9e77b88e80cfd227bb6e90f5.afterImageTitle

Fade

When fading, the slider is at the bottom and the images are superimposed. This is the best way to see the differences between the two images.

wcf.beforeAfterSlider.a63c818286a6f402ca34b38b913b31425ea364e1.beforeImageTitle
wcf.beforeAfterSlider.a63c818286a6f402ca34b38b913b31425ea364e1.afterImageTitle

Instructions

The before/after slider is a box and can be included at any position.

Per box the display mode and height can be set. If the height is omitted, the height will be set automatically according to the image dimensions.




Compatibility

Compatible with WoltLab Suite from version 3.1

Integration into Plugin: Boxxer




Support

Support is available in the forum after linking the user accounts.