Как при помощи js у картинки при наведении курсора на определенную область заменить ту область содержимым с другой картинки?
Если при наведении на изображение оно должно превращаться из чб в цветное, тогда это делаеться  просто фильтром в CSS.
А конкретно по вашему вопросу:
Используйте .hover() и  замените class при наведении на другой, с другим фоновым изображением
jsfiddle.net/Ivanq/wv429nfw/embedded/result
Ну и нужные картинки подставить, правильные углы.