javascript - JpegMini用什么做首页图片对比的动画？

Question

希望标题清楚。我说的是JpegMini主页上的大图比较 slider 。 .

我已经设法确定它需要三个核心文件(按照网站上的名称编写):

• jquery.min.js
• jquery-ui-1.8.14.min.js
• scripts-0135.min.js

这是最后一个，我找不到任何相关信息，因此它可能包含 secret ，但我不知道。

有人有什么想法吗？

Answer 1

.imagePairs 元素有一个 mousemove 事件绑定(bind):

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

是一个函数。

代码在 scripts-0135.min.js 中很明显，但它被缩小了。

你可以做的是通过 jsbeautifier 解析它看看你能不能从中得到一些东西。它仍然会有没有意义的变量名，所以这并不容易。

查看代码，似乎他们使用 $('.imagePairs').myBeforeAfter 对其进行了初始化，这很可能是处理效果的函数。