最轻量级功能最强大图片展示效果slimbox

本来博客已经启用了slimbox代码,实现图片的展示效果了,但代码有代码的好处,插件有插件的好处,那就插件、代码一起来!本文就给大家推荐一个最轻量级但功能超强大的WordPress图片展示效果插件slimbox 2.04,同时不喜欢插件的童鞋可以直接跳读到下一段,手动添加代码,不用插件。

0.先看演示:

1.插件版:

作者的插件只提供到slimbox 2.03,我给升级到了slimbox 2.04版本,功能不再多介绍,大家可以直接点击下载:

Box.Net下载

[download id=”5″ format=”2″]

2.代码版:

直接从官方下载代码:

http://www.digitalia.be/software/slimbox2

http://code.google.com/p/slimbox/

之后解压,把整个文件夹拷贝到你的主题目录下,其实只需要包含css和js文件夹即可,其他的是一些扩展功能,需要的自己研究。

之后到主题里调用代码和样式即可。

打开header.php,添加代码:


之后,在你的日志里添加图片时,需要把图片链接到真实图片地址,同时添加以下标签,就可以看到图片效果了。

rel="lightbox"

一般在日志后台添加图片的时候,默认即可,效果自动生效。

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2011.10.08

    如何在你的网站添加Google+按钮

    一般写篇技术文都是长篇大论,生怕哪里写得不够…

  2. 没有图片

    2009.12.20

    40款最漂亮的PhotoShop特效文字制作教程

    刚刚在让你桌面酷炫无比的桌面图片一文为大家整…

  3. 没有图片

    2010.05.10

    支付宝如何获取交易安全验证码及合作者ID

    一、请在支付宝(http://alipay.…

  4. 没有图片

    2011.03.28

    博客启用内嵌评论 Ajax Comments 及回复邮件提醒功能

    前几天博客新主题上线后,启用了邮件提醒功能,…

  5. 没有图片
  6. 没有图片

    2010.05.08

    将硬盘分区转换为NTFS格式的命令

    在 Windows 2K 以上版本的操作系统…

评论

  1. Jessy 2011.04.22 11:44上午

    终于一睹小清真容了,哈哈……

  2. 晓潘博客 2011.04.21 11:25上午

    .commentlist .even:hover, .commentlist .odd:hover{
    border-left:3px solid #333333
    }

    为什么这样用?这样的效果还不如不加,否则每次鼠标放在评论上都一动一动的,让人觉得怪别扭的。

    • 李思章 2011.04.21 12:40下午

      就是想动一下,那我换成hover之后,换一下背景颜色看看效果。

      • 晓潘博客 2011.04.22 10:39上午

        嗯,变颜色比动一下好多了,看着舒服多了,嘿嘿……

        哦,还有,把评论下面的那个数学计算的东东挪上面来吧。
        放到网址下面,最好能美化一下整体效果。

        • 李思章 2011.04.24 3:02下午

          谢谢反馈,有机会再进行优化吧。

  3. 万戈 2011.04.21 10:16上午

    这位演示图片的美女是?

    • 李思章 2011.04.21 10:21上午

      老万这家伙,不发美女不来串门啊!这是咱们圈内美女小清!