Как сделать на сайте 2 изображения, перекрывающие друг друга через js?

Question

[SlavaMorg]

Здравствуйте. Мне на сайте нужен эффект с картинками как на https://www.pik.ru/141/flat/f38fffc2-6f3b-e511-a64... . Не могу вытащить этот js с сайта, потому что у них очень много всего и вообще полстраницы загружается непонятно откуда. Пожалуйста, покажите, какой код это делает, ну или предложите альтернативу.

Comments

[SlavaMorg]

Это не слайдер. По описанию сложно представить, посмотрите пример по ссылке

[Demigodd]

https://codepen.io/codyhouse/pen/wtCoa
Только тут не автоматический Swipe.

Answer 1

[Сергей Соколов]

Вот 5 вариантов с примерами и кодом. Вкратце, названия/ссылки:

1. TwentyTwenty
   
2. Juxtapose
   
3. imgSlider
   
4. Cocoen
   
5. Image Comparison Slider
   

Answer 2

[twobomb]

Вот так

Comments

[SlavaMorg]

А можно дописать, чтобы, когда мышь уходит налево, изображение полностью перекрывало, а не возвращалось? Ну т е прямо как в оригинале

[twobomb]

SlavaMorg: Так?

Answer 3

[Ольга Ветер]

Вот доходчивый урок по похожему эффекту на чистом js https://youtu.be/d5d4MWHi9XU