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

Question

[Sieghardt Meisner]

Вот как выглядит просто изображение.

Вот как должно оно выглядеть при наведении курсора на определенную область.

А теперь объясните в какую сторону мне смотреть, чтобы написать код. Я нуб еще пока что и не знаю всего...

Answer 1

[mletov]

Для обесцвечивания и обратно:
www.webmasters.by/images/articles/webprogramm/html...
tradebenefit.ru/cherno-beloe-izobrazhenie-ili-elem...

Т к картинки располагаются под углом:
www.w3schools.com/cssref/css3_pr_transform.asp

Answer 2

[Ivanq]

jsfiddle.net/Ivanq/wv429nfw/embedded/result
Ну и нужные картинки подставить, правильные углы.