Javascript圖像隨滑塊變化

Question

我想創建一些可以使用滑塊更改圖像的東西。 但是，它不是您的普通輪播。 我想要一個圖像，在這種情況下為線框，如果您將滑塊從右向左滑動，則會出現實際的模型。 有關更准確的描述，請參見下圖

我知道如何使用javascript創建滑塊，但是我不確定如何使用此功能來實現此效果。

Answer 1

在Google上找到了一些資源：

• http://zurb.com/playground/twentytwenty
• https://juxtapose.knightlab.com/
• https://github.com/kavyasukumar/img滑塊
• 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