JpegMini在主页上使用什么来实现图片比较动画？

Question

希望标题清晰明了。我谈论的是JpegMini首页上的大图比较滑块。

我已经成功地确认需要三个核心文件（按照网站上的名称编写）：

- jquery.min.js - jquery-ui-1.8.14.min.js - scripts-0135.min.js 最后一个我找不到任何信息，因此它可能保持着秘密，但我不知道。

有人有想法吗？

- Chris

Answer 1

.imagePairs元素绑定了mousemove事件：

$('.imagePairs').data('events').mousemove[0].handler

这是一个函数。

代码位于 scripts-0135.min.js 中，但已被压缩。

您可以通过 jsbeautifier 进行解析，并尝试理解其中的内容。但它仍然会有一些没有意义的变量名，因此并不容易。

从代码来看，它们使用 $('.imagePairs').myBeforeAfter 进行初始化，这很可能是处理效果的函数。

- pimvdb

Answer 2

我从未能够确定所使用的脚本，最终我在网上搜索到了一个适合的替代品，并且附带了良好的文档。http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

- Chris

---

是的，这就是我们在JPEGmini上使用的那个。 - DanJ