jquery - jqueryを使用した画像ポップアップボックス

Question

さまざまな都市を保持するドロップダウン メニューを作成しました。ここで、都市を選択できるようにしたいと思います。都市の画像がポップアップ ボックスに表示されます。各都市の画像を保持する Web サイトがあり、URL は互いにわずかに異なります。jqueryでこれの関数を書く方法を知っている人はいますか? すべての答えを前もってありがとう:)

Answer 1

都市をクリックするとポップアップする非表示の div を作成できます。

これらの行に沿って何か：

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

都市をクリックすると、ポップアップが表示されます。

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

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

});

このようなもの: http://jsfiddle.net/EMLH3/

スタイリングの部分はあなたに任せましたが、基本はフィドルにあります。