好多图片网站上都有做一个lightbox效果，点击图片时图片可以突显出来方便观看。目前的Z-BLOG 2.0默认没有带这项功能，最近研究了下lightbox 效果，想在自己的网站实现。找到两种不同的解决方案，目前使用起来还都不太理想。
1.使用论坛上发布的Z-BLOG 2.0插件；
Zblog2.0插件-FancyBox图片特效插件，只需要将插件在后台导入并开启就可以实现。
这个方法好处是使用起来方便简单，实现出来的效果挺好。但测试过后发现有个小问题，但网页内容中有不想凸显的图片（比如插入的表情图片）也会因为fancybox的作用凸显出来。
插件的参考地址：
http://www.coolmud.org/post/zblog-Plug-FancyBox.html
http://bbs.rainbowsoft.org/thread-77479-1-1.html
2.使用shadowbox 代码实现。
参考shadowbox的代码植入网页模版中，在发布文章是将想显示的图片使用代码<a href="myimage.jpg" rel="shadowbox" title="My Image">My Image</a>标识，文章发布后就有想要的效果了。但还是有个问题，每次加入图片都需要进入HTML代码编辑，不如可视化编辑直观。要是能在编辑文章插入图片的同时会自动插入shadowbox代码就好了。
参考网站:http://www.shadowbox-js.com/index.html
开始尝试了下面的方法：
1.将shadowbox 代码上传到Z-Blog目录下。
2.修改Z-Blog目录/FUNCTION/c_function.asp文件，在836行处开始.
3.打开Z-Blog目录/TEMPLATE/header.html文件，在<head>和</head>之间加上如下代码：
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
<script type="text/javascript" src="/shadowbox/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init();
</script>
4. 重建。
可是，网页中<img 标签前没有自动出现<a href="myimage.jpg" rel="shadowbox" title="My Image">代码，为什么呢？
发贴求助http://bbs.rainbowsoft.org/thread-78661-1-1.html
得到的答案很无奈上面的方法是UBB的，Z-BLOG中改了也没用，推荐使用FancyBox 插件。
好吧，实现不了自动化加代码，后页插入图片时就手动加代码好了。
您可以选择一种方式赞助本站
支付宝转账赞助
支付宝扫一扫赞助
