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

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

Published by 落花生

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

Join the Conversation

26 Comments

电子邮件地址不会被公开。 必填项已用*标注

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

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

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

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