GreyBox 图片特效 for zblog 1.7(比lightbox效果更炫,安装更简单)
由zx.asd提供.
[size=5]1.[/size] GreyBox 介绍及下载: [url=http://orangoo.com/labs/GreyBox/]http://orangoo.com/labs/GreyBox/[/url]
[size=5]2.[/size]解压GreyBox_v5_30,将greybox文件上传到博客目录下
[size=5]3.[/size]修改模板default.html , catalog.html , single.html
1). 在< head > < /head > 加入:[code] <script type="text/javascript">
var GB_ROOT_DIR = "<#ZC_BLOG_HOST#>greybox/";
</script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/AJS.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/AJS_fx.js"></script>
<script type="text/javascript" src="<#ZC_BLOG_HOST#>greybox/gb_scripts.js"></script>
<link href="<#ZC_BLOG_HOST#>greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />[/code]2). 在底部的 script 内 加入:[code]$(document).ready(function(){
$("div[@class='你的文章DIV块的class名称']").find("a[@href$=.bmp],a[@href$=.png],a[@href$=.gif],a[@href$=.jpg],a[@href$=.jpeg]").each(function(i){
$(this).rel("gb_imageset[nice_pics]");
});
});[/code]'[color=Teal][color=Red]你的文章DIV块的class名称[/color][/color]'是在b_article-single.html里的文章块的类名,默认模板的'[color=Teal][color=Red]你的文章DIV块的class名称[/color][/color]'是'[color=Red]post-body[/color]'.
[size=5]4.[/size] 如何使用.
1). 用两个UBB组合,如[code][URL=http://upload/effect.cn.png][IMG=500,375,记忆碎片]upload/s_effect.cn.png[/IMG][/URL][/code]2). html代码,如[code]<a href="http://blog.rainbowsoft.org/show/upload/effect.cn.png" target="_blank"><img src="http://blog.rainbowsoft.org/show/upload/s_effect.cn.png" alt="记忆碎片"/></a>[/code][size=5]5.[/size]效果预览见 菠萝秀 : [url=http://blog.rainbowsoft.org/show/]http://blog.rainbowsoft.org/show/[/url]
[size=5]6.[/size] 结束,有问题麻烦跟贴提出.
[[i] 本帖最后由 月上之木 于 2007-2-12 23:59 编辑 [/i]]
