Что использует JpegMini для анимации сравнения изображений на домашней странице?

Question

Надеюсь, название понятно. Я говорю о слайдере для сравнения больших изображений на главной странице JpegMini .

Мне удалось идентифицировать его как нуждающийся в трех основных файлах (написанных так, как они названы на сайте):

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

Это последний, о котором я не могу найти никакой информации, поэтому он может содержать секреты, но я не знаю.

У кого-нибудь есть идеи?

Answer 1

Я так и не смог определить используемый скрипт, в конце концов я искал в Интернете и нашел подходящую альтернативу, которая шла с хорошей документацией. http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/

Answer 2

Элементы .imagePairs имеют привязку к событию mousemove:

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

- это функция.

Код виден внутри scripts-0135.min.js, но он минимизирован.

Что вы можете сделать, это проанализировать его через jsbeautifier и посмотреть, сможете ли вы что-то из него сделать. У него все еще будут имена переменных, которые не имеют смысла, поэтому это будет нелегко.

Глядя на код, кажется, что они инициализируют его с $('.imagePairs').myBeforeAfter, который, скорее всего, является функцией, которая обрабатывает эффект.