37 123
发新话题
打印

在SaBlog中轻松应用酷炫的图片展示方式LightBox

在SaBlog中轻松应用酷炫的图片展示方式LightBox

论坛这里发代码不是太好,老是自己加很多空格之类的东西进去,有兴趣的朋友去我blog看吧!
http://www.bluefeel.com/show-601-1.html


刚刚用Sablog的时候,一开始就想把喜欢的LightBox图片展示效果应用于sablog,后来发现Wodi已做好了这件事,于是把他的东西照搬过来,发现一些问题,按照他提供的来修改的话,页面总会出错,有时候页面只显示了一小部分,一开始以为是我自己修改时的问题,于是按照他的思路改,终于可以用了,这几天又发现原来不只我一个人用了会出错,比如傻猫也是这样......傻猫那天跟我直接要了那几个改动过的文件,就在发给他文件之后,我偶然发现,其实那个特效还是有问题:

1、虽然点击图片以后是有效果出来,但是不能实现多张图片连续展示的效果,只能一张张的点击打开;

2、假如使用sablog中的编辑器为附件图片排版时,图片也是没有LightBox特殊

于是刚才仔细看了一下,发现其实实现的方法并不用像Wodi那样繁琐,按我现在用的这样稍微一下就行了:

1、下载附件(为了方便更新,大家去我的blog下载吧:http://www.bluefeel.com/show-601-1.html ),解压到sablog的根目录下;

2、打开模板中的index.php,在</head>(最后不要改变这个位置,测试发现,在一些位置的话,加载js时会出错)之前加入以下代码:
复制内容到剪贴板
代码:
<script type="text/javascript" src="/plugins/lightbox/js/prototype.js"></script>      
<script type="text/javascript" src="/plugins/lightbox/js/scriptaculous.js?load=effects"></script>      
<script type="text/javascript" src="/plugins/lightbox/js/lightbox.js"></script>      
<link rel="stylesheet" href="/plugins/lightbox/css/lightbox.css" type="text/css" media="screen" />
3、修改模版的show.php,找到:
复制内容到剪贴板
代码:
if ($article['image']) {
在下面加上以下代码:
复制内容到剪贴板
代码:
if ($imagenum > 1){   
$lightboxrel = "lightbox[roadtrip]";   
}   
else{   
$lightboxrel = "lightbox";   
}   
同时把图片的链接都加上rel="$lightboxrel"的属性
如:
复制内容到剪贴板
代码:
<a href="attachment.php?id=$image[0]" target="_blank" rel="$lightboxrel">
同理,以同样的代码修改normal.php

4,修改根目录的global.php,找到:
复制内容到剪贴板
代码:
global $article, $attachmentids, $options;   
if ($article['image'][$aid]) {   
    $attachmentids[]=$aid;
在下面加上:
复制内容到剪贴板
代码:
$imagenum = count($article['image']);   
        if ($imagenum > 1){   
            $lightboxrel = "lightbox[roadtrip]";   
        }   
        else{   
            $lightboxrel = "lightbox";   
        }   
同时把图片的链接都加上rel="$lightboxrel"的属性

这样,LightBox的特效就能完美的应用于Sablog了!

演示可看:http://www.bluefeel.com/show-599-1.html

[ 本帖最后由 Kevin_Zhou 于 2007-7-20 09:58 编辑 ]

TOP

强烈支持啊................................我顶...

TOP

谢谢!
楼上的那像还没改好?

TOP

OK~成功了~

TOP

global.php   改好的
谁可以把这个文件发上来呀。。。我一点都看不懂~~谢谢!!

TOP

引用:
原帖由 wujinxing 于 2007-7-15 03:07 发表
global.php   改好的
谁可以把这个文件发上来呀。。。我一点都看不懂~~谢谢!!
这样也看不懂,我不知道怎么帮你了!

TOP

你发这个文件上来就帮到我了。

TOP

超级无敌宇宙的喜欢LIGHTBOX!

TOP

引用:
虽然点击图片以后是有效果出来,但是不能实现多张图片连续展示的效果,只能一张张的点击打开
不是阿,有上一张和下一张给你选阿...所以LIGHTBOX还是很强悍的阿

TOP

按照你的修改了 还是有问题是不是这里的问题

="/plugins/lightbox/js/prototype.js

我没有plugins这个文件夹

TOP

还有就是怎么调用啊……

TOP

里面写的很清楚了阿。。。。认真看阿

TOP

反复操作两次了……都是一样的结果……主页直接没了 剩下footer……  看看有没有什么地方你们专业一点的人看的懂的我们菜鸟看不懂的……帮忙一下……  还有就是属性那里 我也对照下载的改了还是不行亚……我用的是asa的模板 会有冲突么

TOP

1、下载下面的附件,解压到sablog的根目录下;

老大,附件呢?

TOP

引用:
原帖由 wujinxing 于 2007-7-15 17:24 发表
你发这个文件上来就帮到我了。
我不是上传上去提供给你下载了吗?

TOP

 37 123
发新话题