我正在尝试在我的网页上显示我的产品的放大图像。当我单击缩略图时,应该会出现一个弹出窗口。我如何在缩略图中显示放大的图像,而不是为每个缩略图创建一个新的弹出窗口?
这是弹出窗口的 jQuery 代码,请告诉我在哪里添加新代码。
<script type="text/javascript">
$(document).ready( function() {
$('ul.animated li').click( function() {
$('#popup_box').fadeIn();
$('#cover').fadeIn();
});
$('#popupBoxClose').click( function() {
$('#popup_box').fadeOut();
$('#cover').fadeOut();
});
$('#cover').click( function() {
$('#popup_box').fadeOut();
$('#cover').fadeOut();
});
}); </script>