帶有jQuery的圖像彈出框

Question

我創建了一個包含不同城市的下拉菜單。 現在，我希望能夠選擇一個城市，並且該城市的圖像應出現在彈出框中。 我有一個網站，上面保存着每個城市的圖像，而網址彼此之間僅稍有不同。 有人知道如何使用jquery為此編寫函數嗎？ 預先感謝您的每一個回答:)

Answer 1

您可以創建一個隱藏的div，當您單擊city時會彈出該div。

遵循以下原則：

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

單擊城市將顯示彈出窗口：

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

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

});

像這樣的東西： http : //jsfiddle.net/EMLH3/

我已經將樣式部分留給您了，但基本知識擺在擺弄中。