Hover one image, show other images

[edot]

Okay, I'm a total noob. Know basic html, css and a little javascript.

I have a image. I want a function that shows other images on different places on my site when I hover different locations of my image.

Example:
I have an image with 4 areas that represtent 4 other images. Hover one area and the corresponding image shows up. And so on. The corresponding images is not the same size as the original one.

Does anyone know how to do this?

 

[CaldwellYSR]

I don't know how to do it with areas on one image. If it were me I would split that one image into 4 images and them put them together with the html and css. Then you just have to make when they hover over one image the other image shows up.