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

    2010.01.23

    不用插件实现WordPress自定义日志缩略图的方法

    网有已经有很多文章介绍了WordPress缩…

  2. 没有图片

    2010.03.15

    DEDECMS标题中去掉斜线的办法

    在上一教程中,我通过使用“DedeCMS当前…

  3. 2013.04.10

    WordPress 3.6 Beta1 发布

    对没错!WordPress 3.6 Beta…

  4. 2011.10.21

    WordPress主题:SimplePro-TT 免费发布

    前段时间把我的自用 主题SimplePro …

  5. 没有图片

    2011.11.23

    亚马逊广告联盟注册使用教程

    亚马逊广告联盟已经进驻中国,这应该说是中国站…

  6. 没有图片

    2011.11.02

    安装Windows8 同时分享下载及安装教程

    今天正式下载了Windows 8 开发版,并…

评论

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

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