How to change image on scroll?

Question

JavaScript

I have 4 cropped pictures glued into one whole. tell me how, when scrolling in the area of ​​​​one picture, it changed to another picture and also with the reverse action?
if this is not possible, then when you click on the image, instead of scrolling ..

Answer 1

I do not know your task, but as I understand it, you need to make a map. Look at ready -made solutions

Answer 2

google "lazy load images"