打印

GreyBox 图片特效 for zblog 1.7(通过修改UBB代码实现图片特效,更新于20070315)

skyforever

离退组

Rank: 8 Rank: 8 Rank: 8 Rank: 8

金钱: 2578 ZB

发短消息
加为好友
当前离线

1^# 大中小发表于 2007-3-15 10:07 只看该作者

GreyBox 图片特效 for zblog 1.7(通过修改UBB代码实现图片特效,更新于20070315)

看了，月光的帖子
GreyBox 图片特效 for zblog 1.7(比lightbox效果更炫,安装更简单)
http://bbs.rainbowsoft.org/viewthread.php?tid=11455&extra=page%3D2
和lockice 的帖子
Lightbox v2.0 添加总结
http://bbs.rainbowsoft.org/viewthread.php?tid=4007&extra=page%3D1

总结安装如下步骤：
（1）
将greybox目录整个上传到博客目录下
即：在博客目录下有greybox文件夹，greybox的文件都处于该目录下。

（2）
修改模板default.html , catalog.html , single.html, search.html
在< head > < /head > 加入:

复制内容到剪贴板

代码:

<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" />

（3）
修改Z-Blog目录/FUNCTION/c_function.asp文件,查找：

复制内容到剪贴板

代码:

If ZC_UBB_IMAGE_ENABLE And Instr(strType,"[image]")>0 Then

'[img]

找到以后，你可以看到它下面的代码是：

复制内容到剪贴板

代码:

objRegExp.Pattern="(\[IMG=)([0-9]*),([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<img src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/>")



                objRegExp.Pattern="(\[IMG=)([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<img src=""$5"" alt=""$3"" title=""$3"" width=""$2""/>")



                objRegExp.Pattern="(\[IMG=)([0-9]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<img src=""$4"" alt="""" title="""" width=""$2""/>")



                objRegExp.Pattern="(\[IMG\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" src=""$2"" alt="""" title=""""/>")





                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*),([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-left"" style=""float:left"" src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/>")



                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-left"" style=""float:left"" src=""$5"" alt=""$3"" title=""$3"" width=""$2""/>")



                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-left"" style=""float:left"" src=""$4"" alt="""" title="""" width=""$2""/>")



                objRegExp.Pattern="(\[IMG_LEFT\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" class=""float-left"" style=""float:left"" src=""$2"" alt="""" title=""""/>")





                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*),([0-9]*),(.*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-right"" style=""float:right"" src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/>")



                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*),(.*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-right"" style=""float:right"" src=""$5"" alt=""$3"" title=""$3"" width=""$2""/>")



                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<img class=""float-right"" style=""float:right"" src=""$4"" alt="""" title="""" width=""$2""/>")



                objRegExp.Pattern="(\[IMG_RIGHT\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" class=""float-right"" style=""float:right"" src=""$2"" alt="""" title=""""/>")

你将上面的代码替换为下面的代码:

复制内容到剪贴板

代码:

objRegExp.Pattern="(\[IMG=)([0-9]*),([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$6"" rel=""gb_imageset[nice_pics]"" title=""$4""><img src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/></a>")

                objRegExp.Pattern="(\[IMG=)([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$5"" rel=""gb_imageset[nice_pics]"" title=""$3""><img src=""$5"" alt=""$3"" title=""$3"" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG=)([0-9]*)(\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$4"" rel=""gb_imageset[nice_pics]"" title=""""><img src=""$4"" alt="""" title="""" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG\])(.+?)(\[\/IMG\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$2"" rel=""gb_imageset[nice_pics]"" title=""""><img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" src=""$2"" alt="""" title=""""/></a>")



                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*),([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$6"" rel=""gb_imageset[nice_pics]"" title=""$4""><img class=""float-left"" style=""float:left"" src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/></a>")

                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*),([^\n\[]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$5"" rel=""gb_imageset[nice_pics]"" title=""$3""><img class=""float-left"" style=""float:left"" src=""$5"" alt=""$3"" title=""$3"" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG_LEFT=)([0-9]*)(\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$4"" rel=""gb_imageset[nice_pics]"" title=""""><img class=""float-left"" style=""float:left"" src=""$4"" alt="""" title="""" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG_LEFT\])(.+?)(\[\/IMG_LEFT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$2"" rel=""gb_imageset[nice_pics]"" title=""""><img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" class=""float-left"" style=""float:left"" src=""$2"" alt="""" title=""""/></a>")



                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*),([0-9]*),(.*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$6"" rel=""gb_imageset[nice_pics]"" title=""$4""><img class=""float-right"" style=""float:right"" src=""$6"" alt=""$4"" title=""$4"" width=""$2"" height=""$3""/></a>")

                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*),(.*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$5"" rel=""gb_imageset[nice_pics]"" title=""$3""><img class=""float-right"" style=""float:right"" src=""$5"" alt=""$3"" title=""$3"" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG_RIGHT=)([0-9]*)(\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$4"" rel=""gb_imageset[nice_pics]"" title=""""><img class=""float-right"" style=""float:right"" src=""$4"" alt="""" title="""" width=""$2""/></a>")

                objRegExp.Pattern="(\[IMG_RIGHT\])(.+?)(\[\/IMG_RIGHT\])"

                strContent= objRegExp.Replace(strContent,"<a href=""$2"" rel=""gb_imageset[nice_pics]"" title=""""><img onload=""ResizeImage(this,"&ZC_IMAGE_WIDTH&")"" class=""float-right"" style=""float:right"" src=""$2"" alt="""" title=""""/></a>")

（4）
修改Z-Blog目录/SCRIPT/common.js文件，删除代码：

复制内容到剪贴板

代码:

objImage.attachEvent('onclick', function(){try{showModelessDialog(objImage.src);}catch(e){window.open(objImage.src);}});

（5）
索引重建，文件重建。

[ 本帖最后由 skyforever 于 2007-4-5 09:01 编辑 ]

附件: 您所在的用户组无法下载或查看附件

我爱我家

TOP

jifforever

中级会员

Rank: 3

金钱: 1917 ZB

发短消息
加为好友
当前离线

2^# 大中小发表于 2007-3-15 13:02 只看该作者

ID和我差不多，顶一下

ps，这样修改，所有图片都会这样炫出来吗？

死鱼的淡水海岸

TOP

mcmlxxx

新手上路

Rank: 1

金钱: 208 ZB

发短消息
加为好友
当前离线

3^# 大中小发表于 2007-3-16 02:38 只看该作者

好东西，试试看

TOP

asongzhang

注册会员

Rank: 2 Rank: 2

金钱: 1066 ZB

发短消息
加为好友
当前离线

4^# 大中小发表于 2007-3-16 05:02 只看该作者

明天再试下

TOP

549527

注册会员

Rank: 2 Rank: 2

金钱: 383 ZB

发短消息
加为好友
当前离线

5^# 大中小发表于 2007-3-25 17:54 只看该作者

简单方便.不错不错. 不过经常出现问题.点了之后不出效果.....不知道是为什么.

[ 本帖最后由 549527 于 2007-3-25 19:54 编辑 ]

沒有東西比愛情好,大米粥縂比沒有東西好,所以大米粥比愛情好!

TOP

549527

注册会员

Rank: 2 Rank: 2

金钱: 383 ZB

发短消息
加为好友
当前离线

6^# 大中小发表于 2007-4-1 14:15 只看该作者

又出了个问题.比如我给一张小图做了连接,电击之后应该是打开大图的,可现在点之后依然是小图..不知道问题在哪!!

沒有東西比愛情好,大米粥縂比沒有東西好,所以大米粥比愛情好!

TOP

washun

Washun

管理组

Rank: 13

zippogz..com

金钱: 19867 ZB

荣誉捐赠勋章

发短消息
加为好友
当前离线

7^# 大中小发表于 2007-4-1 14:39 只看该作者

这种情况下就不能使用GreyBox 图片特效了你何不直接用大图啊

ZIPPO广州实体店-全场4折起，售后7天包退换。
支持Z-blog，谴责篡改&去除版权标记的可耻行为
------------------------------------------------------------------------------------------
新手请多看应用教程区和Z-wiki，或站内搜索寻找答案
1、Z-blog主题修改助手 2、默认模板右侧栏目代码注释 3、默认CSS样式的注释
4、Z-BLOG使用小贴士收集 5、Z-Blog模板标签库及相关说明 6、加广告请搜索gg/google/广告

TOP

月上之木

管理组

Rank: 13

游走中。。。

金钱: 18299 ZB

2007年论坛霸主 [月度人气奖章] 2008年先进斑竹 [工蜂奖章]

发短消息
加为好友
当前离线

8^# 大中小发表于 2007-4-1 15:12 只看该作者

回复 #6 549527 的帖子

lz给改个标题吧,叫......(通过修改UBB代码实现什么)的

要实现点小图显示大图就用另一安装方法:
http://bbs.rainbowsoft.org/viewt ... &extra=page%3D2

img中放小图,链接为大图就可以了

Z_ | Z-BLOG使用小贴士 | 主题移植教程-图解模板

TOP

skywcc

中级会员

Rank: 3

金钱: 3092 ZB

荣誉捐赠勋章

发短消息
加为好友
当前离线

9^# 大中小发表于 2007-5-28 19:45 只看该作者

我一步一步做了不行啊,点了跳出图片,没那种漂亮的效果.

我发现 catalog.html 加了是有效果的,可是首页和文章就是没有.

我在catalog.html底部加了.

复制内容到剪贴板

代码:

$(document).ready(function(){

        $("div[@class='post-body']").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]");

        });

});

去掉后又不能显示了,所以又加上去了.

[ 本帖最后由 skywcc 于 2007-5-28 22:15 编辑 ]

宅男男人装紧固件

TOP

skywcc

中级会员

Rank: 3

金钱: 3092 ZB

荣誉捐赠勋章

发短消息
加为好友
当前离线

10^# 大中小发表于 2007-5-28 22:22 只看该作者

试了一下,加上这个,现在首页也可以了,但是文章里的图片有时候还是不行.

复制内容到剪贴板

代码:

$(document).ready(function(){

        $("div[@class='post-body']").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]");

        });

});

昏倒.大概是可以了吧.

不能理解,还是不行!!!!!!

[ 本帖最后由 skywcc 于 2007-5-28 22:33 编辑 ]

宅男男人装紧固件

TOP

dhpao

新手上路

Rank: 1

金钱: 122 ZB

发短消息
加为好友
当前离线

11^# 大中小发表于 2007-6-8 09:20 只看该作者

真的很不错的效果!!

TOP

Z-Blog 1.8 Spirit Build 80722下载	Wordpress数据导入插件 for 1.8	PJBlog2 to Z-Blog数据库转换程序	LBS2 to Z-Blog数据库转换程序
Z-BLOG使用小贴士收集	如何配置Z-Blog高阶学习手册	Windows Live Writer支持插件	[BFXML友情链接插件]