Efeito Antes depois em site

[navegador2]

Caros colegas como é feito este efeito de clicar e arrastar a foto antes e depois? É muito legal

http://gente.ig.com.br/alec-baldwin-perde-14kg-apos-diagnostico-de-prediabete/n1597607623279.html?p=1

[DiF]

Mt legal esse efeito.. teoricamente nao é complicado de fazer.

consiste em usar duas imagens do antes e do depois.. e usar o plugin do jquery UI.. que contem o método draggable().

pelo que entendi quando você arrasta para a esquerda ou direita as imagens sao sobrepostas .. gostei desse efeito outra hora vou estuda-lo me poderá ser util em algum projeto meu.

[navegador2]

Mt legal esse efeito.. teoricamente não é complicado de fazer.

consiste em usar duas imagens do antes e do depois.. e usar o plugin do jquery UI.. que contem o método draggable().

pelo que entendi quando você arrasta para a esquerda ou direita as imagens sao sobrepostas .. gostei desse efeito outra hora vou estuda-lo me poderá ser util em algum projeto meu.

Quando decifrar de umas dicas para nos aqui no forum...

[DiF]

bom. isso nao será agora.. mas as dicas eu ja dei. estude elas amigo.

- usar duas imagens

- usar plugin jQuery UI (método draggable() )

- manipulaçao CSS das imagens

aquele exemplo ali.. praticamente é composto pelas duas imagens do antes e depois uma em cima da outra.. as duas tem as mesmas medidas , uma imagem das setinhas que ficam na divisa branca que tem no meio.. que nada mais é do que uma div com width de 2px preenchido com a cor branca. e quando passa o mouse em cima das setinhas de puxar para os lados.. usa definido no css cursor do tipo move

bem achei um jeito mais "fácil" e simples veja esse link:

http://www.catchmyfame.com/2009/06/25/jquery-beforeafter-plugin/