JQuery Image Viewer 是一個基于jQuery的輕量級圖片查看器，能夠讓我們查看、縮放和導航多張圖片。

首先，我們需要引入jQuery和JQuery Image Viewer的庫：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.iviewer/3.0.1/jquery.iviewer.min.js"></script>
<link rel="stylesheet" >

接下來是HTML代碼，我們需要在頁面中創建一個顯示圖片的div，并在其中添加需要查看的圖片：

<div id="image-viewer">
<img src="https://picsum.photos/200/300"/>
<img src="https://picsum.photos/400/600"/>
<img src="https://picsum.photos/800/1200"/>
</div>

最后，我們使用JavaScript代碼來激活JQuery Image Viewer，并為其提供一些參數和選項：

$(document).ready(function() {
$('#image-viewer').iviewer({
src: $('#image-viewer img:first').attr('src'), //使用第一張圖片作為初始圖片
zoom_min: 0.5, //最小縮放倍數
zoom_max: 3, //最大縮放倍數
zoom: 'fit', //縮放方式，'fit'表示適應窗口，'original'表示原大小
mousewheel: true, //是否啟用鼠標滾輪縮放
onStartDrag: function() {
//開始拖動時的回調函數
},
onStopDrag: function() {
//拖動停止時的回調函數
}
});
});

這樣，我們就完成了JQuery Image Viewer的配置，可以在瀏覽器中查看并操作圖片了。