(WP) Before After: Código PHP + Javascript para mostra antes e depois das fotografias

Precisei criar um código para mostra o antes e depois da foto de um cliente.

Então fiz uma classezinha em PHP pra se usar como shortcode no wordpress.

Coloque essa classe em algum plugin seu, ou na functions.php do seu template.

Dessa forma o wordpress já estará com todos os arquivos necessários (css e js) e também terá criado o shortcode pra você usar onde quiser.

Como usar (shortcode)

[before_after before="http://seusite.com/wp-content/uploads/antes.jpg" after="http://seusite.com/wp-content/uploads/depois.jpg"]

Ajustes

Você pode ajustar o texto “BEFORE” e “AFTER” que aparece na renderização desse plugin e trocar para o português..
Insira o css abaixo no seu site.

twentytwenty-before-label:before{content:"Antes"}.twentytwenty-after-label:before{content:"Depois"}