Как реализовать следующий эффект?

Question

[Дмитрий Гормаш]

Здравствуйте! Возможно кто-нибудь знает, как реализовать эффект, который приведен на картинке. т.е. при перетаскивании стрелки изменяется картинка. как бы "до и после". Возможно есть какие-то библиотеки?

p.s. Это две картинки. До - первая, после - вторая.

Answer 1

[IceJOKER]

Самый простой способ, наложить два блока друг на друга с картинками до и после, и при перемещении изменять размер верхнего блока

Answer 2

[stormsher]

можно так же задать 2м блокам равную ширину и по протягиванию менять их ширину..

Answer 3

[Curly Brace]

этот эффект нельзя сделать имея только одну картинку. нужна либо готовая обработаная, либо некая черно-белая маска, по которой потом вычислять пиксели, которые надо подсветить. но эффективнее первый вариант.
я вообще тут не правильно говорят про ширину. тут надо делать маску, а не менять размеры у картинок.

Comments

[stormsher]

забавный Вы, в начальных условиях не определенно есть ли у нас картинка с эффектом и без него..
человеку интересно как сделать такой эффект в целом, а не вдаваться в подробности с масками..
// ИМХО

[Дмитрий Гормаш]

Да, прошу прощение, я не дописал, что это две разные картинки. Без каких либо масок и так далее