Jet Zoom jQuery是一款強(qiáng)大的圖片縮放插件，可以提供高質(zhì)量的圖像放大，讓用戶可以方便地查看圖片的細(xì)節(jié)。

$(document).ready(function() {
$('.zoom-container').jetzoom({
zoomWidth: 500,
zoomHeight: 500,
xOffset: 20,
yOffset: 0,
zoomType: 'inner',
preloadText: 'Loading image...',
preloadImage: 'images/loading.gif',
});
});

在上面的示例中，我們首先使用document.ready函數(shù)來(lái)確保函數(shù)會(huì)在文檔完全加載后運(yùn)行。然后，我們選擇類名為“zoom-container”的元素并使用Jet Zoom初始化它。除了一堆參數(shù)外，我們還可以在插件完成加載之前顯示預(yù)加載文本和圖像。

我們還可以使用以下參數(shù)來(lái)進(jìn)一步定制Jet Zoom：

zoomWidth: 500, // Zoom box寬度
zoomHeight: 500, // Zoom box高度
xOffset: 20, // 鼠標(biāo)鏡頭觀察框距離圖片的縱向距離（以像素為單位）
yOffset: 0, // 鼠標(biāo)鏡頭觀察框距離圖片的橫向距離（以像素為單位）
zoomType: 'inner', // "inner" 與 "lens"兩種觀察類型
preloadText: 'Loading image...', // 圖片加載時(shí)預(yù)載文本
preloadImage: 'images/loading.gif', // 圖片加載時(shí)預(yù)載圖像

Jet Zoom除了支持一般的圖片形式外，還支持了產(chǎn)品翻轉(zhuǎn)的形式，并且在產(chǎn)品放大時(shí)，可以展示更多的細(xì)節(jié)。總之，這是一個(gè)非常適合各種網(wǎng)站和電子商務(wù)網(wǎng)站使用的插件。