Image Popup box with jquery

Question

I have created a dropdown menu which holds different cities. Now I would like to be able to select a city and an image of the city should appear in a pop up box. I have a website that holds an image of each city and the urls only slightly differ from each other. Does anybody know how to write the function for this with jquery? Thanks in advance for every answer :)

Answer 1

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

something along these lines:

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

click on city would make popup show up:

$('.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.