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

    火狐Firefox书签同步工具 — Firefox Sync

    怪兽实验室之前有一个项目叫做“Weave S…

  2. 没有图片

    2011.03.22

    推荐12款WordPress TwentyTen 衍生主题

    TwentyTen 主题是WordPress…

  3. 没有图片

    2013.11.19

    WordPress个性轻博客主题 XiaoXiao 发布

    很早就发布过轻博客主题 Cimple,深受大…

  4. 没有图片

    2011.09.14

    几行代码让你的WordPress页面添加摘要功能

    WordPress 在发布日志的时候,会有摘…

  5. 没有图片

    2009.10.13

    绘画工具的使用-菠萝AE学习笔记

    实验项目13206304 绘画工具的使用 实…

  6. 没有图片

    2012.10.17

    Google Drive 云端硬盘下载及安装失败解决办法&完整安装包下载

    这几天试用了一下谷歌云端硬盘(Google …

评论

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

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