Как скрыть/ показать часть фотографии, сдвинув полосу влево или вправо?

#javascript #html #css

Вопрос:

Я хочу научиться создавать что-то, но я понятия не имею, как это называется, поэтому я даже не могу выполнить правильный поиск в Google.

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

Надеюсь, мое объяснение имеет смысл.

Я ищу простой учебник, ничего особенного, я хочу сначала изучить основы.

Может ли кто-нибудь указать мне на учебник для начинающих (желательно не на YouTube, хотя я думаю, что мне понадобится YouTube, если больше ничего не будет написано)?

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

Заранее спасибо!

Комментарии:

1. Я думаю, что вы ищете это. w3schools.com/howto/howto_js_image_comparison.asp

2. Я написал популярный плагин много лет назад под названием «До/после», который сделал именно то, что вы описали. Кто-то еще опубликовал это на github здесь github.com/bencorlett/jquery-before-after

3. @SatoTakeru Аааааааа, СПАСИБО ТЕБЕ! Да, похоже, это именно то, что я ищу. (Есть ли способ, которым я могу каким-то образом отметить ваш комментарий, чтобы указать, что он был полезен?)

4. @j08691 Спасибо, я посмотрю.