Before After Image Slider

Stable Version 1.0.0 (OutSystems 9.1)
Published on 13 June 2016 by 
Created on 13 June 2016
Details
Need to highlight the differences between two images? TwentyTwenty, a visual diff tool, makes it easy to spot them!
Read More
TwentyTwenty works by stacking two images on top of each other.
As the slider moves across the image, it makes use of the CSS clip property to trim the image on the left.

This allows the image on the right to show through the container. (or up to down)

See more: http://zurb.com/playground/twentytwenty
Reviews (0)
Category
Components, UI & Widgets
Support Options
This component is not supported by OutSystems. You may use the discussion forums to leave suggestions or obtain best-effort support from the community, including from Rafael Fantato who created this component.
Dependencies
Before After Image Slider has no dependencies.
Requirements
Platform
9.1.0.6
Database
All
Stack
All
Component Consumers
No consumers yet.
Weekly Downloads 
Related Components
Silk UI Web
OutSystems R&D
A fully responsive and beautiful UI framework that works within the OutSystems Platform. Build amazing looking applications, in a fraction of the time, which work perfectly across devices. Learn how to start using Silk UI and see the examples at silkui.outsystems.com . Obtain assistance on using Silk UI in our forums .
28418
Multiple File Upload
Multi Uploaders
Allow you to upload multiple files in one upload form or using drag and drop functionality.
2762
OutSystems UI Mobile
OutSystems R&D
Create amazing native mobile applications using this fully integrated UI framework for OutSystems, with dozens of UI patterns ready to use.
9946
More from Rafael Fantato
Simple Reports
Rafael Fantato
A very simple and easy report system using advanced CSS and JS with a preview directly in your pages. (design it inside ServiceStudio)
957
dpNumberPicker
Fábio Fantato
Implementation of dpNumberQuery - http://www.jqueryscript.net/form/jQuery-Plugin-For-Selecting-Numbers-By-Typing-Clicking-spinner.html
45
Badge Plugin
Rafael Fantato
The essential purpose of badge numbers is to enable an application to inform its users that it has something for them — for example, unread messages — when the application isn’t running in the foreground. https://github.com/katzer/cordova-plugin-badge
68