在網頁設計中，圖片預展示常常是一個必備的功能。使用jQuery可以非常方便地實現這一功能，下面來看一下具體實現方法。

HTML結構
<div class="thumbnails">
<img src="1.jpg" alt="img1">
<img src="2.jpg" alt="img2">
<img src="3.jpg" alt="img3">
<img src="4.jpg" alt="img4">
<img src="5.jpg" alt="img5">
</div>
JavaScript代碼
$(document).ready(function(){
$('.thumbnails img').click(function(){
var src = $(this).attr('src');
var img = '<img src="' + src + '">';
$('.preview').html(img);
});
});

如上代碼中，首先需要添加一個包含預覽圖片的`div`元素，如下所示：

<div class="preview">
</div>

然后在JavaScript中，綁定`click`事件，當用戶點擊縮略圖時，獲取圖片地址并將預覽圖片替換為所選圖片，代碼如下：

$('.thumbnails img').click(function(){
var src = $(this).attr('src');
var img = '<img src="' + src + '">';
$('.preview').html(img);
});

于是，當用戶點擊縮略圖時，就會在預覽窗口中顯示出該圖片。除此之外，還可以使用`CSS`樣式來美化預覽窗口，比如為預覽窗口添加邊框和陰影等。