脚本滑块验证_5种免费的图像比较滑块脚本

叠加的滑块使您可以在两个图像（通常是前后图像）之间进行比较，并且两个图像相互叠加。 用户可以拖动可操纵的滑块以显示更少的前一个图像，而显示更多的后一个图像，反之亦然。

这是某些情况下的理想方法，例如查看火星大气的严酷影响或半个世纪以来城市景观的变化 。

对于设计师来说，这也是一种反映技术或方法对原始图像的更改量的好方法。 您可以使用各种JS库进行比较。 这是其中的5个。

Twentytwenty是一种可视化工具，可以轻松记录两个图像之间的差异。 该工具利用jQuery和jquery.event.move起作用。 它非常易于使用，只需将两个图像堆叠到一个容器中，然后调用twentytwenty(); 用于容器。

<div id="container">
  <img src="img-before.png">
  <img src="img-after.png">
</div>

然后：

$("#container").twentytwenty();

Twentytwenty具有响应能力，并且适用于所有设备，如果您使用Foundation框架，它将立即可用。