[ 2007/07/27 14:00 | by 孤城浪子 ]
|
单图
组图
直接將images & plugin上傳到Blog目錄下
接著安裝plugin,從後台的 外觀延伸→外掛程式管理→安裝外掛程式 輸入目錄名稱lightbox
接著是加入Script,在後台內,參數設定 →<head>區域額外程式碼內,插入此段Code
- <link rel="stylesheet" href="images/css/lightbox.css" type="text/css" media="screen" />
- <script type="text/javascript" src="images/lb/prototype.js"></script>
- <script type="text/javascript" src="images/lb/scriptaculous.js?load=effects"></script>
- <script type="text/javascript" src="images/lb/lightbox.js"></script>
安裝完畢後,後台的plugin 插件可管理lightbox,不過只有四個選項....
[imgx]圖片路徑[/imgx]
[imgx,url=圖片路徑]顯示文字[/imgx]
[imgx,url=圖片路徑]thumbs=縮圖路徑[/imgx]
[imgx,group=群組ID,url=圖片路徑]顯示文字[/imgx]
[imgx,group=群組ID,url=圖片路徑]thumbs=縮圖路徑[/imgx]
[imgx,group=群組ID,title=註解文字,url=圖片路徑]顯示文字[/imgx]
[imgx,group=群組ID,title=註解文字,url=圖片路徑]thumbs=縮圖路徑[/imgx]
一定要注意的事項
- 輸入的時候除了第一種只輸入圖片路徑外的方式,其他一律要輸入顯示文字,否則代碼會亂掉....
- 本程式在網頁完全載入才有效果,未完全載入的時候點擊圖片時會直接開啟圖片
下载文件