在網頁中，尤其是在用來顯示圖像的網頁中，使用LightBox已經司空見慣了。一直都在使用經典的Lightbox2！
不過最近遇到一個網站的修改，其原有的圖片點擊放大後不再是顯示獨立的一張大圖，而是有內容的網頁，用戶也認同了LightBox效果，不過Lightbox2不能滿足所需，所以在網絡上尋了個新的LightBox效果JS庫：Lytebox。
Lytebox不僅能支持圖像展示，還比Lightbox2多了「自動播放圖像」的功能，當然最主要的是Lytebox支持彈出網頁的效果。
Lytebox最新的版本為v3.22
使用方法是：
1，下載 Lytebox v3.22的源碼及相關圖像素材
lytebox_v3.22.zip
2，把如下代碼拷貝到網頁的<head>...</head>之間
程序代碼
<script type="text/javascript" language="javascript" src="lytebox.js"></script>
<link rel="stylesheet" href="lytebox.css" type="text/css" media="screen" />
這可比Lightbox2引用簡單多了（
Lightbox2引用了三個JS和一個CSS）
第3步就是應用Lytebox了。
a,對於圖像應用而言，Lytebox提供了三種方案，即：單張圖像的顯示，多張圖像的翻頁顯示和多種圖像以自動播放的幻燈式顯示。
分別在超級連接中以
rel="lytebox" 、
rel="lytebox[vacation]" 和
rel="lyteshow[vacation]" 來表示。
影像部分也不知道哪裡出問題無法正常顯現！整理了一個樣板檔案，這個樣板檔案就沒有問題！真是奇怪了！知道的朋友還請指正！
範例樣板...
b,對於網頁應用而言，Lytebox提供了兩種方案，即：單頁面和可以翻頁的多頁面效果。
分別在超級鏈接中用
rel="lyteframe" 和
rel="lyteframe[catalog]" 來表示
其中還可以定義窗口大小和滾動條的顯示狀況 rev="width: 400px; height: 300px; scrolling: no;"
4，如果把lytebox.css和lytebox.js及[images]所有文件存放的目錄導致應用了lytebox效果的頁面顯示不了圖像，即修改lytebox.css中的相關background: url
HTML代碼
