前面介紹過Sexy Lightbox的使用，在一篇文章中幾張圖，手動寫一下Html code還好，但如果現在要設計一個網路相簿，有幾百張照片，不就寫到手抽筋都還寫不完?!別擔心，今天就來介紹一下Sexy Loghtbox懶人必殺技，讓你輕鬆簡單，就做出有特效的網路相簿。
準備工作
所謂工欲善其事必先利其器，要發必殺技還得先集氣，下面來說說需要準備些甚麼，首先我們要先借助Google 的Picasa這套相片管理程式，以及我們幫大家寫好的Sexy LightBox for Picasa template，只需要準備這兩個就可以輕鬆搞定了，阿!當然還有要做成相簿的圖檔。
如何使用
首先先把下載來的Picasa安裝起來，沒有特別要注意的事項，就是Next，不多說。接著呢，把從這邊下載的Sexy LightBox for Picasa template的壓縮檔解壓縮開來，裡面會出現一個SexyLightBox-picasa-template的資料夾，把它複製到Picasa安裝資料夾中的\web\templates，一般預設會是C:\Program Files\Google\Picasa3\web\templates，放好之後就像下圖一樣。
接著就開啟Picasa，第一次開啟會掃描電腦內的圖片，如果電腦內有很多圖片可能要等一下才會掃描完畢，掃描完了以後，選取想要做成相簿的圖片，之後點選工具列上的【資料夾】→【匯出為HTML頁】
之後把圖片匯出大小調整一下、網頁標題、輸出的資料夾選好，左下角的記得選Sexy LightBox for Picasa Templates V1.0 by Tellus之後輕輕地按下【匯出】
然後稍後一下，一本有Sexly LightBox的相簿就出現了，一行Html都不用寫哩，而且Picasa中如果有對相片做描述，輸出的相片也會有相片描述喔，很好很強大。
修改縮圖及大圖尺寸
想要修改縮圖及大圖的尺寸的話怎麼辦呢，這時候就要修改剛剛SexyLightBox-picasa-template\image-element.html檔案了，利用文字編輯器打開後，找到以下的段落去修改。
{codecitation style="brush: html;"}
define imageWidth 700 ←大圖的寬最大值不超過700px
define imageHeight 480 ←大圖的高最大值不超過480px
define thumbnailWidth 150 ←縮圖的寬最大值不超過150px
define thumbnailHeight 150 ←縮圖的寬最大值不超過150px
{/codecitation}
轉換成單張展示模式
那如果我不想可以點上一張下一張的話怎麼改呢?很簡單，找到剛剛放到SexyLightBox-picasa-template\image-element.html檔案，用文字編輯器打開打開，將rel="sexylightbox[album]"修改成rel="sexylightbox"存檔，再匯出一次就可以了。你也可以順便在這邊修改HTML的編排，打造屬於自己的相簿樣式，下面稍稍解釋一下這個檔案變數代表的意思，有需要更詳細的說明可以去參考Picasa安裝資料夾中的\web\documentation\index.html裡面有更詳細的變數列表。
{codecitation style="brush: html;"}
<%itemCaption%>：照片描述
<%itemLargeImage%>：大圖路徑
<%itemThumbnailImage%>：縮圖路徑
<%itemThumbnailWidth%>：縮圖最大寬度
<%itemThumbnailHeight%>：縮圖最大高度
{/codecitation}
這樣就很輕鬆地做出分享的相簿給人觀看拉，在網頁設計時加點巧思，應用的範圍可是很廣的。