Post editor:

<div class="fadein">
<img src="MAIN IMAGE URL" alt="DESCRIPTION" />

<a href="LINK1 URL" target="_blank"><img src="PARTIAL IMAGE1 URL" alt="DESCRIPTION" class="map link1" /></a>
<a href="LINK2 URL" target="_blank"><img src="PARTIAL IMAGE2 URL" alt="DESCRIPTION" class="map link2" /></a>
</div>

CSS editor:

.fadein {
    position: relative;
}
.fadein .map {
    -webkit-transition: opacity .8s ease-in;
    -moz-transition: opacity .8s ease-in;
    -o-transition: opacity .8s ease-in;
    transition: opacity .8s ease-in;
    opacity: 0;
    z-index: 111;
}
.fadein .map:hover {
    opacity: 1;
}
.fadein .link1 {
    position: absolute;
    top: 50px;
    left: 50px;
}
.fadein .link2 {
    position: absolute;
    top: 160px;
    left: 210px;
}