[不指定 2007/07/27 14:00 | by 孤城浪子 ]
| |
演示

单图


组图







直接將images & plugin上傳到Blog目錄下

接著安裝plugin,從後台的 外觀延伸→外掛程式管理→安裝外掛程式 輸入目錄名稱lightbox

接著是加入Script,在後台內,參數設定 →<head>區域額外程式碼內,插入此段Code

  1. <link rel="stylesheet" href="images/css/lightbox.css" type="text/css" media="screen" />  
  2. <script type="text/javascript" src="images/lb/prototype.js"></script>  
  3. <script type="text/javascript" src="images/lb/scriptaculous.js?load=effects"></script>  
  4. <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]

一定要注意的事項



  • 輸入的時候除了第一種只輸入圖片路徑外的方式,其他一律要輸入顯示文字,否則代碼會亂掉....

  • 本程式在網頁完全載入才有效果,未完全載入的時候點擊圖片時會直接開啟圖片


杂谈 | 评论(0) | 引用(0) | 阅读(3242)
 
发表评论
   
表情
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
emotemotemotemotemot
打开HTML
打开UBB
打开表情
隐藏
记住我
昵称   密码   游客无需密码
网址   电邮   [注册]