Javascript image change with slider

Question

I want to create something where an image can be changed by using a slider. However it's not your ordinary carousel. I want an image, in this case a wireframe, and if you slide the slider from right to left another image, the actual mockup, appears. See the image below for an more acurate description

i know how to create a slider with javascript but i'm not sure how i'm going to achieve this effect using this.

Answer 1

Some resources found on Google:

• http://zurb.com/playground/twentytwenty
• https://juxtapose.knightlab.com/
• https://github.com/kavyasukumar/imgSlider
• https://github.com/koenoe/cocoen
• https://github.com/CodyHouse/image-comparison-slider
• https://github.com/slamcode/cato.js
• https://github.com/jotform/before-after.js