什么是JpegMini使用动画的图像比较在主页上
What does JpegMini use to animate the image comparison on the homepage?
希望标题清楚。我说的是JpegMini主页上的大图片比较滑块。
我已经设法确定它需要三个核心文件(按照网站上的名称编写):
-
jquery.min.js
-
jquery-ui-1.8.14.min.js
-
scripts-0135.min.js
这是最后一个,我找不到任何信息,所以它可能包含秘密,但我不知道。
有人有什么想法吗?
.imagePairs
元素有一个鼠标移动事件绑定:
$('.imagePairs').data('events').mousemove[0].handler
是一个函数
代码在scripts-0135.min.js
中是明显的,但它被缩小了。
你能做的是通过jsbeautifier解析它,看看你是否能从中得到一些东西。它仍然会有一些没有意义的变量名,所以这并不容易。
看一下代码,他们似乎用$('.imagePairs').myBeforeAfter
初始化了它,这很可能是处理效果的函数
我从来没有能够确定使用的脚本,最后我在网上搜索并找到了一个合适的替代方案,并提供了良好的文档。http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/
相关文章:
- 如何在CSS中修复与另一个图像进行比较的图像
- 将图像的来源与 png 文件进行比较
- 在Javascript中比较相同图像的不同大小
- 如何使用javascript获取和比较图像的边框样式
- 任何比较两个不同位图图像并在javascript中检测不同区域的方法
- 可以在Javascript中比较两个图像
- 如何在滑块中使用比较浏览器窗口大小的函数将图像交换到另一个图像
- 如何在 Java 脚本中比较两个不同的图像
- 比较两个图像的相等性(跨域)
- 如何使用量角器比较视频/图像质量
- 比较图像与javascript时,速度更快
- 是否有任何javascript库可以使用HTML5画布(或任何其他方式)对图像进行像素比较
- 将图像的Javascript md5哈希与Java进行比较
- 比较数组图像&值如果ok提交表单
- 使用javascript比较旋转图像
- 前后HTML/CSS(非图像)比较
- 使用similar .js通过画布比较图像的多个部分
- 什么是JpegMini使用动画的图像比较在主页上
- 比较 JavaScript 中的图像
- 比较图像上的点击计数与数据库中记录的点击计数