在使用WordPress製作企業網站的過程中，經常會因為要展示某個產品的細節效果圖，而需要在產品詳細頁中插入多張圖片。但是如果單純的把圖片一張張從上往下插入的話，對於使用者的閱讀體驗而言可能會大打折扣。好在WordPress有很多功能外掛，可以幫助我們很輕鬆的實現多樣化的相簿展示效果，今天就來介紹一下如何利用外掛實現產品縮圖幻燈展示。

 上面是大致的效果圖：

 現在實現的結構就是大圖下方有一系列的小圖片，點選的時候進行幻燈切換，過度效果可以在外掛中自行設定。在此我們需要用到兩個外掛，一個是大名鼎鼎的NextGEN Gallery，基本上推薦WordPress相簿外掛的文章都會提到它；第二個算是NextGEN Gallery的衍生產品，用於生成幻燈效果的

 首先安裝好這兩個外掛。先在NextGEN Gallery中建立一個Gallery相簿圖集比如名稱為“demo”，並上傳若干相應的圖片，至於幾張合適，就要視乎幻燈中大圖的寬度能容納多少張縮圖及間隙的寬度總和了。

接下來我們記下這個Gallery相簿的ID號，比如demo圖集的ID號為8的話，那麼我們就可以在產品介紹頁面中插入以下JJ NextGen JQuery Slider的簡碼：

 [jj-ngg-jquery-slider gallery="8" width="524" height="350" controlnavthumbs="nextgen_thumbs" thumbsheight="40" thumbswidth="40" thumbscontainerheight="50" thumbsgap="10" ]

大致的解釋一下里面一些引數的意思：

1.gallery：其值指的是此處應用幻燈效果的NGG相簿ID號；

2.width和height：幻燈中大圖所佔區域的尺寸；

3.controlnavthumbs：以縮圖的形式進行幻燈導航切換控制；

4.thumbsheight和thumbswidth：縮圖的尺寸；

5.thumbscontainerheight：大圖下方縮圖容器的高度，需要比縮圖本身高度大一點；

6.thumbsgap：縮圖之間的間距，以px為單位；

JJ NextGen JQuery Slider外掛的引數還有很多，有興趣的朋友可以到外掛官網主頁進行深入瞭解，需要注意的是，為了效果上的整齊和美觀，相關的圖片儘量在上傳到相簿中之前，能把尺寸處理成一致。