JpegMini 使用什么来动画主页上的图像比较?
希望标题是清楚的。我说的是 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
.imagePairs
元素绑定了一个 mousemove 事件:是一个函数。
该代码在
scripts-0135.min.js
中很明显,但已缩小。您可以做的就是通过 jsbeautifier 解析它,看看是否可以从中做出一些东西。它仍然会有没有意义的变量名,所以这并不容易。
查看代码,似乎他们使用
$('.imagePairs').myBeforeAfter
对其进行初始化,这很可能是处理效果的函数。The
.imagePairs
elements have a mousemove event bound: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.我始终无法确定所使用的脚本,最后我在网上搜索并找到了一个合适的替代方案,并且附带了良好的文档。 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/