2012-10-19 59 views
0

我想在我的网页上展示我的产品的放大图像。当我点击缩略图时应该出现一个弹出窗口。如何在缩略图中显示放大的图像而不是为每个缩略图创建新的弹出窗口?如何在只有1个弹出窗口的弹出窗口中显示放大的图像?

下面是弹出我的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> 

回答

0

我不能评论您的文章,所以我写这作为一个答案。你有没有检查过这个: jQuery target $(window) on a specific webpage?这可能不是你的问题,但我认为你可以使用目标($ window)。

+0

不,我不是在说这种类型的弹出窗口。看看这个截图:https://dl.dropbox.com/u/67943906/popup.JPG。我想用放大的图像替换“东西”图片。 –