带有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/

我已经将样式部分留给您了，但基本知识摆在摆弄中。