How to do it?

By clicking on the link below the map image will be displayed in the pop up window:

Map of China without the marking point.

Here is the same map with the marked added to it (the red star indicating position of Shanghai). This is how would the picture look like if GreyBox is modified, the only difference is in that case it would be the original map image (displayed above) plus the marker gif position above it. In this case this is another map image with the gif marker added to it.

Map of China with the marking point.

Sandbox

After the GreyBox js file is modified the test links will be put in this paragraph:

First map will go here:

Second map will go here:

Other Greybox methods for showing windows:

Hopefully the method for showing pictures in the middle of the screen will be modified which won't affect other Greybox methods for showing content:

Showing one image:

Showing set of images:

Show first picture in the image set

Showing one web page:

Federico García Lorca

Showing several web pages:

Show first page in page set

Core files:

The marker gif file

Greybox files:

This whole test page in a zip file:

Zip file with all images, js and htm files...

Thank you for your help with trying to solve this problem!!!