I created a main DIV with a set width / height equal to the image being shown. Then set that image as the DIVs background.
I made the div relative positioned so I could put absolute positioned elements within it.
I then created block level Anchor tags that are absolute positioned through out the div.
Giving those Anchor tags the same background as the background on the parent div I can simulate a view area.
I came up with some jQuery code to allow me to control the top / left / height / width of each Anchor tag so I can position them with ease.
Using background position I moved the background image of each Anchor tag to match there position (top / left) within’ the parent DIV.
There for giving the illusion of fading the surrounding area.
I know that this doesn’t really make a lot of sense by reading it. Just check out the jsFiddle Link above.