新版Blogbus模板用图片显示增强插件[LightboxForBlogbus]-万恶的blogbus模板--万恶为你提供模板动力

新版Blogbus模板用图片显示增强插件[LightboxForBlogbus]

该日志由万恶 @ 23:21:39 发布,Tag: 博客大巴模板 blogbus模板万恶图片显示增强

在之前，我曾经发布过一款Blogbus图片显示的增强插件，那个插件其实只是简单修改了Lightbox这个著名的js插件，使其能够在Blogbus上使用。但因为后来Blogbus的新评论系统的推出，其中用到的js代码与Lightbox的代码有所冲突，所以会导致匿名评论无法使用的问题。

前段时间因为手头上的事一直没忙完，所以也没心情来更新插件。这两天刚好把事情处理得差不多了，所以花了点时间，找到一个jquery的lightbox的插件，简单修改后移植在Blogbus上了。这个插件的使用方法相当简单，下面是使用方法。

Index代码块：

如上图所示，在Index代码块的最后添加下面的代码：

这样的话，就能够实现首页的Lightbox效果了。如果你需要在日志页也实现这种效果的话，那么还需要将上面的代码复制到Detail代码块的最后。

需要说明的是，如果你想要开启这个Lightbox的效果，你还需要在编辑日志的时候，将图片加上链接。比如在日志中使用一个小尺寸的图片，设置这个图片的链接网址为大尺寸的图片网址。这样的话，在弹出的窗口效果中显示的就是大图了。相关的操作细节可以参考这里：Blogbus图片显示的增强插件

如果使用这款插件的过程中，遇到什么问题的话，请在这篇日志下留言告知。

分类于：模板技巧您可以: 阅读全文 ({#postCounter}) | 评论 (28) | 引用 (0)

[avatar:41]给小图加了大图连接后，小图就有一个蓝的的边框
该怎么去掉，请指教！
万恶回复 Snail 说：
恩，这是因为你没有在css中设置链接的显示样式
你可以在css的最后加上下面这句代码
a img { border: none; }
(2009-10-25 17:10:01)

Snail () 发表于 2009-10-24 19:16:17 [回复]
[avatar:42]成功了，多谢万恶分享。不过我发觉我用了之后点击图片弹出box时，box四周的黑色遮罩没有把整个日志页面遮挡住。滚动条拉下来后下面有一小部分的页面没有被遮罩到。不知道是不是我的设置有问题。
http://wendy865.blogbus.com/logs/47477327.html

nuriko (http://wendy865.blogbus.com) 发表于 2009-10-02 16:34:31 [回复]
[avatar:40]谢谢，我找了js文件，改了一下你之前发的那个代码和这个一起用就解决了
但是我给小图加了大图连接后
小图就有一个蓝的的边框
很丑
该怎么去掉
请指教

loc (http://Loc.Says.It) 发表于 2009-09-29 13:47:38 [回复]
[avatar:41]太酷了！

S小姐 () 发表于 2009-09-28 11:04:18 [回复]
[avatar:41]

青儿 () 发表于 2009-09-27 20:12:47 [回复]
[avatar:41]万恶老师,您能加Q吗.我不怎么懂什么代码.想在Q请教你可以吗,如果可以的话加我Q哦,573891501

青儿 () 发表于 2009-09-27 20:12:30 [回复]
[avatar:40]你好
这个代码可以在旧模板系统用吗？
我放在log代码块里
该怎么用？
没反应
我现在用的你之前发的那个插件
不能上下翻页
我希望能实现翻页
请指教
照片页
http://locmap.blogbus.com/logs/47123150.html
万恶回复 loc 说：
旧模板需要自定义相应的代码，对于不懂代码的朋友来说太过麻烦
(2009-09-27 23:28:05)

loc (http://Loc.Says.It) 发表于 2009-09-26 00:07:21 [回复]
[avatar:40]你好,按照你的方法弄了,还是不行!
请看一下!谢谢
http://harryzon.blogbus.com/
万恶回复 harryzon 说：
我测试是正常的
(2009-09-24 18:31:13)

harryzon (http://harryzon.blogbus.com/) 发表于 2009-09-24 13:01:23 [回复]
[avatar:40][face:11]這個代碼非常好呢~~~~真是太感謝萬惡了~~~
一直在你這裡看著呢~~~
真的很厲害啊~~~

ciecie (http://29chocat.blogbus.com) 发表于 2009-08-16 22:31:22 [回复]
[avatar:46]万恶～我也是遇到这样的情况。
在首页下实现了LB效果但在日志页面没法实现代码已经复制到Detail后部了不知何原因……

http://ileoucreative.blogbus.com/logs/41326127.html
这个页面作为参考。
万恶回复 leou 说：
你好，请使用新版的代码，新版的代码就是为解决日志页的问题而更新的
(2009-08-19 12:45:11)

leou (http://design.ileou.cn) 发表于 2009-08-09 09:46:51 [回复]
[avatar:40]先下个免费的教程看看

ocean_hitch () 发表于 2009-07-12 06:55:20 [回复]
[avatar:40]你好：
请教一个问题，如何在blogbus中完全显示图片的大小，而不是缩小过的，要点击才可看到原大的图片，
万恶回复 ocean_hitch 说：
图片缩小是Blogbus的模板中有一段代码来控制的
你首先得编辑模板，然后在Head代码块中找到下面的代码：
<script type="text/javascript" src="http://public.blogbus.com/blogbus/skin/common/resize.js"></script>
删除掉就可以了
(2009-07-10 23:37:10)

ocean_hitch () 发表于 2009-07-10 19:19:53 [回复]
[avatar:40][avatar:40]您好我在首页下实现了LB效果但在日志页面没法实现代码已经复制到Detail后部了不知何原因……
万恶回复 voss 说：
你好，我需要看下出错的页面
(2009-07-04 20:10:29)

voss () 发表于 2009-07-03 10:51:23 [回复]
[avatar:40]hello 万恶老师你好
我用了这个lightbox可以操作，但是我发现了几个小问题
（1）当下翻的时候，出现正常的黑背景及加载的画面，但是在第二张图片出来之前，前面那张图片还是会短暂的出现一下
（2）有些时候还是会有偶尔的在另一个窗口打开，我想不是宽度的问题，因为大部分时间是Ok的，我猜想是页面没有完整加载完时会出现的现象

另外2个题外问题，想请教一下

(1) 另一个网友说的，评论框显示不出来（姚refresh才可以），我也有同样问题，请问可能是哪一些js互相干扰呢？？

（2）我的新模板做好后，版主回复的文字一直只能从框框的中间显示，我在css不管如何重新定义着一块(text align, width, padding）之内，都没有作用，不知道你能不能猜到可能的原因

谢谢先，从你这里学到了不少好东西，加油！！
万恶回复 isA 说：
你一开始提的2个问题，应该是正常的，要等到页面加载后，插件才起作用的

1.评论显示不出来，不清楚是不是插件的问题，你可以在detail页中不使用插件，然后清空缓存后试验下
2.你不给我个出错的页面，我不好帮你分析
(2009-07-04 20:17:29)

isA (http://allaqesi.blogbus.com/) 发表于 2009-06-30 18:52:18 [回复]
[avatar:48]虽然会显示出效果但还是会跳出一个新窗口显示图片这是怎么回事呢？
万恶回复 Rye 说：
你可以查看下这篇日志下的留言……就能找到答案了，呵呵
(2009-06-24 17:07:38)

Rye () 发表于 2009-06-22 17:01:45 [回复]
[avatar:40]万恶老师，貌似又有用了此插件，评论框不出现的问题了啊……
万恶回复 knife 说：
不知道具体是什么情况，我这边检查没发现问题
(2009-06-24 17:08:01)

knife () 发表于 2009-06-19 22:53:25 [回复]
[avatar:40]貌似自己解决了，因为看到了你以前日志回复别人的回答，呵呵，建议老师把常见问题归总一下，弄一个F&Q

万恶回复 Jason_Chow 说：
主要是因为你的图片超过日志显示区域的尺寸了
有一段代码会自动为缩放图片尺寸，并添加一个链接

解决方法就是，尽量控制图片尺寸在日志显示区域内，并手动添加原图链接

knife (http://ikos.blogbus.com/) 发表于 2009-06-18 10:22:05 [回复]
[avatar:40]我用的是巴巴变相册（blogbus合作的吧）
巴巴变的图片可以以小，中，大，原图插入
奇怪的是我用小图就可以，而用中图就会出现上次提出的问题
附上两篇日志比较：
小图的可以：http://ikos.blogbus.com/logs/30453141.html
中图的不可以（会跳出新窗口，虽然效果也有）：http://ikos.blogbus.com/logs/41151032.html

而用的链接都是大图。

knife (http://ikos.blogbus.com/) 发表于 2009-06-18 10:11:19 [回复]
[avatar:40]这个插件我期待好久了，马上被我装上，非常满意，非常感谢！

72 (http://xier72.blogbus.com/) 发表于 2009-06-18 09:31:39 [回复]
[avatar:40]谢谢万恶，今天用了Lightbox这个插件，会跳出效果图，但是还是会跳出一个新窗口显示图片，是我哪里设置的不对么，不好意思，老师，我一大堆的问题

knife (http://ikos.blogbus.com/) 发表于 2009-06-18 00:46:38 [回复]
[avatar:40]终于修复啦，非常感谢
万恶老师，请教一个问题，我在自定义html中插入了嘀咕的js，当时发现和其他类似评论啊之类的模块不一样，而在后台中，custom是在{c:1}中的，我就糊涂了，而且在css中定义custom也不行，请教老师如何才能把嘀咕那个的样式和别的模块一样呢？
万恶回复 knife 说：
你可以试着在css中找到#sidebar .modBody，然后修改成这样 #sidebar .modBody, #custom
(2009-06-17 21:42:38)

knife (http://ikos.blogbus.com/) 发表于 2009-06-17 14:17:53 [回复]
[avatar:45]万恶你好,我在侧栏用第三方网站提供的代码贴了一个flash挂件到博客,不过却出现flash挂件把侧边栏的边线挡住的问题,请问应该加上什么代码可以让她右移一点儿啊?附图:
http://i3.6.cn/cvbnm/d8/40/78/198912ec6264a664a15587c9ab18a468.jpg

我以前在侧边栏加上其他的挂件也都是会出现这个问题的.

谢谢!
万恶回复俊贤说：
你可以试着在css中找到.module，然后修改成这样
.module, #custom3
(2009-06-17 21:38:05)

俊贤 (http://yangjunxian.blogbus.com) 发表于 2009-06-16 22:40:51 [回复]
[avatar:40]万恶老师，您好！

我现在用的是blogbus的模板，它默认的是输入用户名和密码，虽然旁边有个“匿名评论”但我感觉很不方便。

您能不能告诉我怎样制作一个像您博客这样的评论系统，也就是填写“姓名”“邮箱”“网址”这样的评论系统。

麻烦您了，谢谢！
万恶回复烹鱼为乐说：
这个暂时也没什么好办法……我的是旧模板系统
(2009-06-16 13:03:02)

烹鱼为乐 (http://cookfish.blogbus.com) 发表于 2009-06-15 20:13:52 [回复]
[avatar:42]nice, it works~

David (http://leo123leo.blogbus.com) 发表于 2009-06-15 03:57:26 [回复]
[avatar:40]就是好长时间没更新日志，忙吧？今天终于露出了笑脸......

dunyakara (http://dunyakara.blogbus.com) 发表于 2009-06-15 00:49:18 [回复]
[avatar:40]啊~ 亲爱的你终于更新了...
万恶回复 Digidea 说：
停了一个月左右没更新了而已

另外，更新速度也确实放慢了很多，呵呵
(2009-06-14 09:39:46)

Digidea () 发表于 2009-06-13 22:51:53 [回复]
[avatar:43][avatar:43]哈哈,谢谢万恶老师.上会我说的就是这个问题.

这就去试试.

Jessica (http://jessica36.blogbus.com) 发表于 2009-06-13 10:51:03 [回复]
[avatar:40]我博客里一直用的之前的那个插件，很舒服，因为我一直旧模板的……

澈言 (http://iamcheyan.blogbus.com/) 发表于 2009-06-13 01:17:09 [回复]