首款原创插件发布：SlimBox2 for WordPress

24 二月, 2011

SlimBox2是基于jQuery的一款图片灯箱特效，小到令人发指！

几天前@冰剑童鞋发布了一款插件SlimBox2 for Typecho，那时心里就想要不咋自个儿也试试折腾一个WordPress版的？嘿，别说，还真给我折腾出来了！

制作前理理思路还是很有必要的：无非通过slimbox2.js预留好的自定义属性来调节，本来需要使用者自己写属性写数值，现在一个插件直接让使用者在输入框里填入数值就OK，那些复杂的属性就直接预设在插件里～

制作过程咱就不废话了，说几点使用注意事项呗：

1.效果范围：其实就是jQuery的选择器，预设成了“.content” a[rel!="link"]:has(img)，此应用效果的范围是class=’content’内a标签的rel属性不是link的有链接到大图的图片；

2.其它输入框不填则为默认属性。

另外，推荐各位童鞋一个个选项填完保存，到链接大图的图片文章看看效果。毕竟个人的翻译水平比较烂，可能这个会造成各位无法理解，见谅咯～

不废话，今儿还没看过书呢！

WordPress官方下载：SlimBox2 for WordPress

PS：感谢 Evacuee 和小黑第一时间的测试支持～

PS2：此插件为闭关前期较为顺利，或者说为闭关的毅力不坚定之产物！～

93 评论

小黑：
2011/2/24 21:49 #1

回复
sf？
小黑：
2011/2/24 21:52 #2

回复
今天真神气了抢到俩沙发了！
奋飞：
2011/2/24 21:54 #3

回复
强烈支持下
winy ：
2011/2/24 21:54 #4

回复
不错~现在流行折腾插件了啊
小黑：
2011/2/24 21:55 #5

回复
话说咋不见小闇的身影了呢？
Ansonyi ：
2011/2/24 21:59 #6

回复
试一下….
zwwooooo ：
2011/2/24 22:01 #7

回复
你……也出插件了，俺落后鸟～看来做插件和主题差不多嘛
- 林木木：
  
  回复
  跟做主题后台差不多～不过这个是最简单的，复杂的还没看，也没时间咯～
闲云野鹤：
2011/2/24 22:34 #8

回复
开始做插件了，提交到wordpress了吧
- 林木木：
  
  回复
  WordPress官方有类似的插件～
万戈：
2011/2/24 22:34 #9

回复
哈哈，终于，你也出插件了
- 林木木：
  
  回复
  不是很难，做完主题后台，感觉有能力做一个插件～HOHO
麦子花开：
2011/2/24 22:40 #10

回复
又多一个做插件的大大
冰剑：
2011/2/24 22:43 #11

回复
其实我想说，我无意中发现了有ClimBox2的WP插件。。
http://wordpress.org/extend/plugins/wp-slimbox2/
PS：我有罪，我报告晚了。
- 林木木：
  
  回复
  我知道，貌似做得很复杂，整个插件都有好几百KB，不了解～
  - 冰剑：
    
    回复
    是啊，里面还有一个其他的JQ插件，还有个JQ库，功能好多。
    你的下面为神马没有图片说明和CLOSE呢？
    找半天找不到设置项。
    - 林木木：
      
      回复
      那个是css里去掉的～HOHO
      - 冰剑：
        
        回复
        额，蛋疼，我还以为有选项可以设置。
        
        林木木：
        
        回复
        这个可以有，加个选项，添加css代码把background设成none～也行咯～
        
        冰剑：
        
        回复
        哈哈，我正在折腾进去。。
Veezy ：
2011/2/24 22:45 #12

回复
哈,木木也出插件了
gsid ：
2011/2/24 23:31 #13

回复
过来看five木先生了没，发现此文，为啥GReader这时候还没显示本文的更新呢？
支持一下
- 林木木：
  
  回复
  rss是托管到feedsky的，慢得狠！
cgrabbit/兔了吧唧网：
2011/2/25 01:01 #14

回复
支持木木的插件。。。哈哈
自由人：
2011/2/25 01:33 #15

回复
都来折腾插件了呀~~
老曦：
2011/2/25 01:35 #16

回复
自己会弄，我就不安装插件了～～纯支持！！
米博：
2011/2/25 01:47 #17

回复
又出山了，呵呵
Solo ：
2011/2/25 02:04 #18

回复
闭关的产物不错…
coldplains ：
2011/2/25 08:32 #19

回复
支持了~~~
老大网络：
2011/2/25 08:56 #20

回复
我就来看看
公子：
2011/2/25 09:35 #21

回复
顶一个。。。试试去。~
老宋博客：
2011/2/25 10:37 #22

回复
搬走了
阅微博客：
2011/2/25 11:01 #23

回复
之前就有款插件叫WP-Slimbox2 Plugin吧。。木木改个名字提交了吧。
- 林木木：
  
  回复
  已申请，等待发放SVN～
- afterstory ：
  
  回复
  明显不是木木的风格
刘坤：
2011/2/25 11:21 #24

回复
哇，赶紧下载用用
一世年华：
2011/2/25 11:26 #25

回复
看来你还是很空很空滴。。。
- 林木木：
  
  回复
  两个晚上的事儿～
afterstory ：
2011/2/25 11:44 #26

回复
木木……你……
socekin ：
2011/2/25 12:14 #27

回复
不错啊，小巧精悍
Dianso ：
2011/2/25 12:19 #28

回复
赶快提交到官方吧
MOPVHS ：
2011/2/25 13:59 #29

回复
Typecho+WordPress版全出现了！
小羿：
2011/2/25 15:45 #30

回复
擦，不错的插件
Arsun ：
2011/2/25 16:07 #31

回复
木木，这个能结合picasa使用吗？我记得以前你推荐了一个插入picasa图片的插件。
- 林木木：
  
  回复
  一个是图片灯箱效果，一个是插入图片的，有关系吗？
Arsun ：
2011/2/25 16:59 #32

回复
就是说给插入的picasa图片使用这个灯箱效果，不喜欢Picasa Image Express的默认效果。
- 林木木：
  
  回复
  你禁用那个插件的图片效果，再使用我这个插件应该也是行的，当然，你得把范围的class或者ID填正确～
囧啊囧：
2011/2/25 18:09 #33

回复
我用的另外一个插件，点击图片放大那个
- 林木木：
  
  回复
  看习惯吧～不过这个类似的效果这个js最小了
A.shun ：
2011/2/25 19:38 #34

回复
不错嘛，都开始出插件了
支持
猫哥：
2011/2/25 19:58 #35

回复
高手啊。
kita ：
2011/2/25 21:23 #36

回复
kita昨天也剛剛開始學習制作插件的說
- 林木木：
  
  回复
  等我完全弄懂了，时间允许也写写教程，呵呵～
奚少：
2011/2/25 21:36 #37

回复
好东西啊
不过我还是用代码版的~
Maplews ：
2011/2/25 23:23 #38

回复
这个是… 好棒
zrqx008 ：
2011/2/26 12:46 #39

回复
图片链接到网址就不能用了悲剧呀
短歌行：
2011/2/26 14:50 #40

回复
支持高手的来了。。。
wmtimes ：
2011/2/27 11:37 #41

回复
如果content里面有的加了广告的，那广告是不是也会弹出来？
zero-c ：
2011/2/27 22:15 #42

回复
怎么没有效果图
heson ：
2011/2/27 22:28 #43

回复
又要诞生一插件控了····
无冷：
2011/2/28 21:51 #44

回复
可以把链接出去图片的部分给排除了
yayaus ：
2011/3/17 16:24 #45

回复
当时，我正面对几个雷同的国外插件发懵，后来我突然发现了中文，然后我就来看国人的SlimBox2插件了，试了下你的效果，还不错～～准备测试正确后就使用了。。另外图片链接的是一个网址会怎样呢？
看我激动的，连信息都忘了填了。。
- 林木木：
  
  回复
  已更新插件，在a标签内添加 rel=”link” 属性就可不应用此效果～
yayaus ：
2011/3/17 19:56 #46

回复
我又回来了..其实我想要个点击图片就全尺寸显示的效果,但是这个插件好像不能实现哦..
yayaus ：
2011/3/17 19:57 #47

回复
说漏了点,是插入的图片点击一下就是显示全尺寸,没有什么缩略图的东东
- 林木木：
  
  回复
  那也得给插件指名大图的链接地址撒，就是img外的a标签的href里得天图片链接
yayaus ：
2011/3/17 20:47 #48

回复
吓。。你哪儿人啊。。
每次都要指明一下的话多不给力啊，俺还是喜欢简单的。。简单的只需要比较正常插入图片，然后在文章里面点击一下图片就ok了。
那个zenphoto的图片显示页面的图片是链接向图片地址本身的，然后如果打开了colorbox（貌似是这个玩意儿）就会在当前页面用个框框显示图片，我需要的只是这种效果，因为我插入图片都是直接插的。
img.yayaus.com，你可以看下。。
- 林木木：
  
  回复
  吓，我很忙的！一切指向img的src地址灯箱显示的都是耍流氓！
  这有啥意义？
simon ：
2011/3/28 15:41 #49

回复

已用到我的站点了。。谢谢楼主哦！！哈哈
simon ：
2011/3/28 15:43 #50

回复
可是有个问题，我加了超链接的图片。。。那样子怎么办？？？
看首页ad图和那些供应商logo。。。呜呜。。。
请帮我看看
simon ：
2011/3/28 15:57 #51

回复
要是能自动判断图片加了外链的就好了。。。。
simon ：
2011/3/28 16:04 #52

回复
我首页有些链接我要用 rel=“no follow”呀。。。再来个rel就失效了。。呵呵
法律人：
2011/4/14 11:55 #53

回复
木木好~我用了这款插件，但是遇到了一个问题，就是图片的黑色背景部分把图片也遮盖了，黑色背景是第一层，图片是第二层，然后网页是第三层。效果应该是图片第一层，背景第二层、、、、、然后也没有下一张、关闭、前一张的按钮。我用了几个Jr效果了，不知道是不是和主题冲突？向你求助了~~谢谢~
- 林木木：
  
  回复
  没看到你站启用这个插件，一般都是js冲突造成的～
空空裤兜：
2011/4/15 12:28 #54

回复
请问木木，这个我改成免插件的，我可以发布个教程吗
- 林木木：
  
  回复
  这个slimbox2本来就不是我写的，当然没问题～我只是写了个后台和选择器
门板：
2011/6/27 20:35 #55

回复
用这个插件的话，如果首页显示的多篇文章里都有图片的话，按下一张图的话会都显示，怎么样才可以只显示一篇文章里的图？
- 林木木：
  
  回复
  这个得修改jQuery的选择器对象……
Bobo&Momo ：
2011/8/31 11:55 #56

回复
没有起作用，不知道为什么……

求助一下！！
FREEZhao ：
2011/11/16 22:42 #57

回复
请问如何对文章所有的图片实现slimbox2效果？
FREEZhao ：
2011/11/16 23:16 #58

回复
我的主题怎么一使用贵插件，格局就崩溃了，jq有冲突吗？
- 林木木：
  
  回复
  js冲突那是肯定的，要查出那就麻烦了
outsiderla ：
2012/1/12 09:35 #59

回复
木木，问一下为什么窗口弹出来了，就是不显示图片啊？谢谢…
- 林木木：
  
  回复
  要链接到大图～
lauyoume ：
2012/1/13 16:40 #60

回复
这个如果图片太大超出窗口，那么Slimbox会自适应窗口么???
- 林木木：
  
  回复
  这插件是基于Slimbox2.js，原来不能自适应，现在当然也不会的……
睡着的水：
2012/2/23 18:48 #61

回复
就用你了，正找你呢
Pico ：
2012/2/28 02:17 #62

回复
Could you translate the options page to english? I am brazilian and understand nothing about japonese…
Tanx
Diogo
beyondghx ：
2013/4/28 14:58 #63

回复
博主，我用的就是这个slimbox，但是安装以后启用了，还是不行，文章里的图片还是在新页面打开，不会出现lightbox效果。。求博主解答
- 林木木：
  
  回复
  我看你的博客效果已经正常显示了嘛～
  - beyondghx ：
    
    回复
    呵呵，以前没弄好，后来重新装了下好了！好东西

发表评论取消回复

< >

木木木木木

首款原创插件发布：SlimBox2 for WordPress

发表评论 取消回复

发表评论取消回复