2012-10-19 61 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。我想用放大的圖像替換「東西」圖片。 –