JpegMini 使用什么来动画主页上的图像比较?

发布于 2024-12-04 12:21:08 字数 358 浏览 0 评论 0原文

希望标题是清楚的。我说的是 JpegMini 主页上的大图像比较滑块。

我设法将其识别为需要三个核心文件(按照网站上的命名编写):

  • jquery.min.js
  • jquery-ui-1.8.14.min.js< /code>
  • scripts-0135.min.js

这是最后一个,我无法找到任何相关信息,因此它可能包含秘密,但我不知道。

有人有什么想法吗?

Hopefully the title is clear. I'm talking about the large image comparison slider on the homepage of JpegMini.

I've managed to identify it as needing three core files (written as they are named on the site):

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

It's this last one I'm unable to find any information about so it may hold the secrets but I don't know.

Anyone got any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

输什么也不输骨气 2024-12-11 12:21:08

.imagePairs 元素绑定了一个 mousemove 事件:

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

是一个函数。

该代码在 scripts-0135.min.js 中很明显,但已缩小。

您可以做的就是通过 jsbeautifier 解析它,看看是否可以从中做出一些东西。它仍然会有没有意义的变量名,所以这并不容易。

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

The .imagePairs elements have a mousemove event bound:

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

is a function.

The code is apparent inside scripts-0135.min.js, but it is minified.

What you can do is parsing it through jsbeautifier and see if you can make something out of it. It will still have variable names which make no sense, so it will not be easy.

Looking at the code, it seems like they initialize it with $('.imagePairs').myBeforeAfter, which is most probably the function that handles the effect.

顾冷 2024-12-11 12:21:08

我始终无法确定所使用的脚本,最后我在网上搜索并找到了一个合适的替代方案,并且附带了良好的文档。 http://www.catchmyfame.com/2009/06/25/ jquery-beforeafter-plugin/

I never was able to determine the script used, in the end I searched the web and found a suitable alternative which came with good documentation. http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文