之前移植emlog時就發現lightbox圖片幻燈片瀏覽插件了，因為移植過程中出現了很大的困難，所以沒有及時把教程寫出來，今天抽空再研究了一下，才把這個lightbox圖片幻燈片瀏覽插件教程寫出來
如果你要使用這款插件，那麼一定需要引用jquery插件庫，但是jquery的版本不能太高，版本過高不能正常使用，推薦jquery.min.js-1.7.1的版本，附件中也是1.7.1的版本
其次你需要引用一個jquery.lightbox.css和一個jquery.lightbox.min.js這兩個就是lightbox圖片幻燈片瀏覽插件的關鍵，大致如下：
<script src="jquery.min.js"></script><link rel="stylesheet" type="text/css" href="lightbox/themes/default/jquery.lightbox.css" /><script type="text/javascript" src="lightbox/jquery.lightbox.min.js"></script>
具體路徑請自行調整
其次你需要寫一個js掛載點，大概內容如下：
<!--幻燈片掛載--><script type="text/javascript"> $(function($){ $(".acd a").has("img").each(function() { $(this).lightbox(); $(this).attr("rel","xygroup"); }); });</script>
然後放上一段引用圖片的標準格式：
<div class="acd"><a href="圖片地址" rel="xygroup"><img src="圖片地址" ></a></div>
講解一下：
.acd是div的class可以任意更改，但是一定要匹配
a標籤是必須的，只有a標籤才能引導幻燈片插件載入其鏈接的圖片出來
rel=」xygroup」也是必須加在a標籤中的，如果a標籤中沒有rel=」xygroup」，幻燈片也是不能被成功載入的
上面的演示就是十分基礎的演示了
有的朋友會說了，如果插入圖片的時候沒有給img標籤加a標籤，那麼應該怎麼使用呢？
這個問題也是我在emlog移植到wordpress時遇到的問題，wordpress插入的圖片是不包含a標籤的，我們也不可能說每插入一個img圖片就去改代碼加a吧
在我苦苦尋覓中，找到了這段代碼，可以完美解決這個問題：
<!--給圖片嵌套a標籤--><script type="text/javascript"> jQuery(document).ready(function($){ $('.acd img').each(function(i){ if (! this.parentNode.href) { $(this).wrap("<a href='"+this.src+"'></a>"); } }); });</script>
老樣子，把.acd與你的div中的class匹配一下，然後你再看就會發現img被a標籤包圍了
[admin ] 一款lightbox圖片幻燈片瀏覽插件已經有373次圍觀
