Как сделать подобную анимацию на сайте WordPress?

Question

[DmitriySky]

Добрый день, господа. Подскажите пожалуйста, как сделать подобную анимацию на сайте ?
Что бы пользователь видел что было до, и что стало после. Заранее благодарю.

Comments

[runprogr]

Точно так же как и не под вордпресс. CMS роли не играет, это делается с помощью javascript прежде всего. ЛУчше погуглить готовые решения и библиотеки под эту задачу

Answer 1

[lagudal]

Ну можно и под вордпресс, если надо, готовое найти, если очень нужно
Before After Image Slider
Есть под разные билдеры, есть вроде и просто под чистый wp - на любой как говорится вкус и кошелек )

Answer 2

[Анатолий Куликов]

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

А верстка будет такая же, как и на статическом сайте.

В общем, в интернете легко гуглятся библиотеки js по этой теме. Вам нужно будет только скормить ему в нужном виде два изображения. Их можно вывести из поста, из кастомного типа записи, с помощью плагина ACF.

Какой метод вам именно ближе?

Answer 3

[Александр Соболев]

Напишите свой плагин. Это не сложно
Ядро пишите отталкивайтесь,например от этого: https://codepen.io/nosurprisethere/pen/xrXjYV
Стили до и после можно формировать "налету" с jQuery, или заготовить две картинки заранее (как в примере)