in Web-Development, how to open a link

Quote:

There are a lot of jQuery plugins available for this

Thickbox

LightBox

FancyBox

FaceBox

NyroModal

PiroBox

Thickbox Examples

For a single image

1. Create a link element ()
2. Give the link a class attribute with a value of thickbox
   (class="thickbox")
3. Provide a path in the href attribute to an image file (.jpg .jpeg
   .png .gif .bmp)

Quote:

you can create a hidden div that would pop up when you click on city.

something along these lines:

HTML

<div class="imgHolder">
    <img src="">
</img></div>

click on city would make popup show up:

HTML

$('.city').click(function(){

    $('.imgHolder').children("img").attr("src", var_image_path)
    $('.imgHolder').show();

});

something like this: http://jsfiddle.net/EMLH3/

i've left the styling part to you, but the basics are in the fiddle.