使用滑块更改Javascript图像

Question

我想要创建可以使用滑块更改图像的内容。然而，这不是你的普通轮播。我想要一个图像，在这种情况下是一个线框，并且如果您从右向左滑动滑块，则会显示另一个图像，实际的模型。请参阅下面的图像以获取更详细的描述

我知道如何使用javascript创建滑块，但我不知道如何使用此功能实现此效果。

Answer 1

在谷歌发现的一些资源：

• 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