ウェブページに商品の拡大画像を表示しようとしています。サムネイルをクリックすると、ポップアップが表示されます。サムネイルごとに新しいポップアップを作成する代わりに、サムネイルに拡大画像を表示するにはどうすればよいですか?
これがポップアップの 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>