Before After Image Slider
Stable Version 1.0.0
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
Before After Image Slider has no consumers.
Weekly Downloads 
Related Components
Google Drive Connector
OutSystems R&D
Google Drive Connector allows your OutSystems Applications to use the Google Drive REST API to interact with your files.
988
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.
7266
Google Maps
Labs
Google Maps is a Google Maps Javascript V3 API component, providing Web Blocks and Actions to add interactive maps, markers and directions, along with event driven functionality.
10593
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)
845
dpNumberPicker
Fábio Fantato
Implementation of dpNumberQuery - http://www.jqueryscript.net/form/jQuery-Plugin-For-Selecting-Numbers-By-Typing-Clicking-spinner.html
Autodesk Forge Connector
Rafael Fantato
Autodesk Forge wrapper API with some examples (bucket, send object to process, view DWG/DXF, get list objects) and a widget to viewer those files - https://developer.autodesk.com/