最轻量级功能最强大图片展示效果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. 没有图片

    2014.12.17

    WordPress博客提速新选择:WP Acceleration for China

    写博客的朋友都在经历着一个艰难而漫长的体验:…

  2. 没有图片

    2013.12.31

    如何全新安装 OS X Mountain Lion

    刚刚介绍了如何制作 OS X Mountia…

  3. 没有图片

    2012.09.20

    Discuz!x2.5完整伪静态.htaccess代码,支持论坛、博客、门户伪静态

    前段时间因为玩DZ论坛,需要把博客伪静态,就…

  4. 没有图片

    2012.01.12

    CentOS5命令安装LAMP环境(Linux+Apache+Mysql+PHP)

    平时大家使用的Centos服务器,都是使用L…

  5. 没有图片

    2012.06.15

    简短而实用的WordPress随机日志调用代码

    此段调用代码可以用来制作碰碰运气,也可以用来…

  6. 没有图片

    2010.07.05

    Windows 8 应该实现的新功能

    通过对Windows 7的使用体验,在新的操…

评论

  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上午

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