使用滑块更改Javascript图像

我想创建一些可以使用滑块更改图像的内容。然而，这不是你的普通旋转木马。我想要一个图像，在本例中是一个线框，如果你将滑块从右向左滑动，就会出现另一个图像，即实际的模型。有关更准确的描述，请参见下图

---

我知道如何使用javascript创建滑块，但我不确定如何使用它来实现这种效果

在谷歌上找到的一些资源：

---

那么，为什么不用javascript创建滑块，并将两张图片作为滑块的内容，一张线框和一张模拟图呢？这是我最初的想法，但是，使用示例1作为mockup.png和0作为wireframe.png创建滑块并不能创建我想要实现的视觉效果，如图所示。您只需修改滑块即可。例如，当滑动时，右图像覆盖左图像感谢第一个链接似乎是我想要实现的，我将给它一个镜头！