插件发布:SlimBox2 for Typecho【11/02/25更新】

128 Comments

灯箱效果一直都是很多独立博客必装的插件之一,给人很好的视觉体验。我个人一直比较喜欢 HighSlide JS,Highslide JS这个Lightbox控件放置的内容不仅可以是图片,还可以是HTML页面、滚动的HTML页面 、通过AJAX加载的内容、iframe、flash。博客也一直使用的是@羽中大哥的Highslide for Typecho,可每当我点击右键,然后再看源码的时候,一种惨不忍睹的画面出现在我的面前。你可以看到,HTML源码的底部,一大片一大片的Highslide JS。

虽然我喜欢 Highslide ,但是它的很多功能我都是用不到的。前几天在@林木木那发现了SlimBox2,了解了一下就爱不释手,简单、小巧是我最喜欢的,程序核心4KB左右,加上CSS、图片一起,不到10KB,插件制作压缩后,才7.4KB,看来Highslide要在我博客中下岗了。



这个如何使用呢,其实大家把后台的第一个设置弄好就行了,第一个设置和AjaxComments的设置差不多,不懂的话去百度,再一个要注意的是,必须要有jQuery库才有效果,否则的话...当然是没有效果啦。

下载地址:Box.Net数据银行

感谢@mybg在BOX被墙的情况下给出了下载链接(蛋疼,前几天还好好的)。

已有 128 条评论 »

  1. mybg
    mybg 2011-02-22 00:05:51

    沙发

    1. 冰剑
      冰剑 2011-02-22 00:13:20

      你丫到底发了多少沙花啊?垃圾评论中都有六条。

      1. mybg
        mybg 2011-02-22 00:14:17

        无数次。。。。。沙发被判垃圾评论?

        1. 冰剑
          冰剑 2011-02-22 00:15:04

          开始看到我还纳闷,你咋进了垃圾评论中去了。
          原来一发了那么多重复的。。

          1. mybg
            mybg 2011-02-22 00:16:42

            老是出现没评论起。。。我就狂发了一阵,哈哈。

            1. 冰剑
              冰剑 2011-02-22 00:18:14

              是不是弹出一个消息框,大概意思就是找不到神马东西?

              1. mybg
                mybg 2011-02-22 00:19:52

                嗯哪,欺负我不懂鸟文。。。。。typerroy啥滴

                1. 冰剑
                  冰剑 2011-02-22 00:21:09

                  额,几个月前就出现了,貌似是ajaxcomment的错误。
                  只会出现在抢沙花的人身上,因为第一个评论的找不到评论列表。
                  沙花的特权,哇哈哈。

                  1. mybg
                    mybg 2011-02-22 00:22:34

                    运气很好,第一次遇上。

                    1. 冰剑
                      冰剑 2011-02-22 00:23:49

                      额,其实我想和你说。。
                      刚刚在你博客中评论的时候,我也是沙花。
                      结果也出现了:TypeError: data is null。
                      蛋疼。。

                    2. mybg
                      mybg 2011-02-22 00:29:40

                      我去给willin反应下。

                    3. 浩子
                      浩子 2011-02-25 00:08:04

                      好吧……
                      我承认我是打酱油的···

    2. 加密软件
      加密软件 2012-02-20 16:04:13

      讨论很激烈啊!

  2. mybg
    mybg 2011-02-22 00:09:37

    沙发!!!

    1. mybg
      mybg 2011-02-22 00:10:17

      板凳+地板我一下包了!呵

  3. mybg
    mybg 2011-02-22 00:11:42

    我目前还在用羽中的Highslide for Typecho的相册功能,这个比较实用。

    1. 冰剑
      冰剑 2011-02-22 00:14:19

      之前我用的也是Highslide,但是我除了灯箱效果其他的都不需要,有些小材大用了,所以这个小巧的比较适合我,仅仅只是为了灯箱效果而诞生的。

      1. mybg
        mybg 2011-02-22 00:23:00

        有空把相册功能也搞起吧。我需要。

        1. 冰剑
          冰剑 2011-02-22 00:26:46

          已经弄好了,就在十几分钟以前,不过在IE下样式有问题。

          1. mybg
            mybg 2011-02-22 00:29:21

            那不错,加载起肯定快多了。

            1. 冰剑
              冰剑 2011-02-22 00:35:10

              相册放上去了,欢迎围观。

              1. mybg
                mybg 2011-02-22 00:41:02

                小伙很精神。额,我以为是类似于可单独在文章中调用的相册,这样不会因图片多而把文章拖得很长。

                1. 冰剑
                  冰剑 2011-02-22 00:43:17

                  你知道哪个是我?
                  这是调用的Picasa的相册,你可以单独把文章中的图片放到Picasa的一个相册里嘛。
                  图片过多可以折腾出分页。

                  1. mybg
                    mybg 2011-02-22 00:48:55

                    Picasa的一个相册单独调用好像被墙。岳阳行里的第一张右边那个?直觉,错没有?

                    1. 冰剑
                      冰剑 2011-02-22 00:50:40

                      我也不知道会不会被墙,总之现在还是好好的,虽然以前被墙过。
                      不对,直觉错了。

  4. 大大的小蜗牛
    大大的小蜗牛 2011-02-22 09:04:56

    看来是同道中人,我其实连图片的灯箱效果都不怎么用得上。

    1. 冰剑
      冰剑 2011-02-23 03:41:39

      有时候纯文字的表达还是不够的。

  5. 小非
    小非 2011-02-22 11:25:33

    图片点后不显示.莫非我浏览器有问题

    1. 冰剑
      冰剑 2011-02-23 03:36:23

      插件设置中的选择器修改了没?

  6. mybg
    mybg 2011-02-22 14:00:03

    继续昨晚的话题,哪个是你?

    1. 冰剑
      冰剑 2011-02-23 03:47:53

      长得最丑的那个。

      1. mybg
        mybg 2011-02-23 19:17:04

        怎么撤了?

        1. 冰剑
          冰剑 2011-02-23 19:21:14

          还是有一些问题啊,暂时不放上去了。

  7. MOPVHS
    MOPVHS 2011-02-22 17:39:30

    自制插件拉~~

    1. 冰剑
      冰剑 2011-02-23 03:48:09

      是啊,TE折腾插件好简单的。

  8. 林木木
    林木木 2011-02-23 12:32:08

    也给WordPress折腾一个插件呗~

    1. 冰剑
      冰剑 2011-02-23 15:47:45

      不会弄WP的插件,TE的比较简单。

      1. 林木木
        林木木 2011-02-23 23:46:15

        恩哈,刚尝试了下,最基本的已经搞定,明儿继续写更多的选项~

        1. 冰剑
          冰剑 2011-02-24 22:44:33

          自己用那几个选项够用了,其他有些感觉用不到了。

  9. ming
    ming 2011-02-23 21:20:04

    很不错,强顶了~

  10. ming
    ming 2011-02-23 21:55:30

    这个,图片下面的title 还有close 如何不显示?

    1. 冰剑
      冰剑 2011-02-24 22:45:08

      显示啊,刚看了下,我这里的显示了,你BLOG里的也显示了。

      1. ming
        ming 2011-02-24 22:57:22

        恩,是显示的。我想问的是如何设置让他不显示,就白白的边框即可。^_^
        我看了下那个林木木同学的相册里,用的也是SlimBox2 ,貌似可以不显示。

        翻来覆去,云里雾里中=.=

        1. 冰剑
          冰剑 2011-02-24 23:01:16

          额,我没注意,我折腾一下,等会啊。。

        2. 冰剑
          冰剑 2011-02-24 23:37:21

          木木这家伙是通过改CSS实现的,这两天可能更新一下版本,会把这个隐藏功能加进去的。

        3. 冰剑
          冰剑 2011-02-25 00:48:47

          更新完了,下载新版本安装吧,后台有设置。

  11. 林木木
    林木木 2011-02-25 09:56:13

    1月25日更新……今天是2011-02-25……

    1. 冰剑
      冰剑 2011-02-25 10:09:36

      额,一不小心就穿越了。。

  12. 雨云
    雨云 2011-02-25 11:57:43

    哇,这个好,很小,顶,马上体验去~

  13. 越王
    越王 2011-02-26 13:02:46

    这个帖子里的图点击就是测试效果吗?

    1. 冰剑
      冰剑 2011-02-27 00:15:50

      是的。

  14. 浩子
    浩子 2011-02-27 11:24:13

    。。。

    1. 冰剑
      冰剑 2011-02-27 22:47:13

      真水。。。

  15. wmtimes
    wmtimes 2011-02-27 11:34:12

    看来不错,哪天换了模版加上试试。

    1. 冰剑
      冰剑 2011-02-27 22:46:59

      呵呵,绝对小巧好用。

      1. wmtimes
        wmtimes 2011-04-14 18:35:04

        实用就好。

  16. CXM
    CXM 2011-02-27 15:34:17

    TE插件的原理的确好懂,不过能写出插件已经很好了,下个主题我就用你插件咯。现在主题内置了slimbox。

    1. 冰剑
      冰剑 2011-02-27 22:46:44

      我也只是知道弄TE的插件,也可以说这插件不是我写的,因为整体的核心是SlimBox2。

  17. 亿u博
    亿u博 2011-02-27 22:40:03

    如果可以再捣腾一下,支持表情就好了!

    1. 冰剑
      冰剑 2011-02-27 22:46:00

      SlimBox2只是单纯的灯箱效果,没有自定义弹窗效果,所以弄不出来。

      1. 亿u博
        亿u博 2011-02-27 22:49:00

        唉~~可惜呀!
        看来我还得用Highslide

        1. 冰剑
          冰剑 2011-02-27 22:50:41

          Highslide也不错的,效果比SlimBox2要好一些,而且功能很多的。
          我只是更加喜欢小巧的程序一些。

  18. 亿u博
    亿u博 2011-02-27 22:41:15

    很期待出支持表情的slimBox2 呀!

  19. slwl
    slwl 2011-03-04 13:44:57

    BOX上下载不下来,能麻烦发一份到邮箱不,3Q。

    1. 冰剑
      冰剑 2011-03-05 17:21:40

      麻烦看下这个回复。
      http://www.binjoo.net/2011/02/slimbox2-for-typecho#comment-10924

  20. nikbobo
    nikbobo 2011-03-05 13:39:45

    BOX上下载不下来,能麻烦发一份到邮箱不?
    nikbobo@qq.com

    1. 冰剑
      冰剑 2011-03-05 17:20:35

      貌似是不能下载,难道又被墙了吗?
      笔记本不能上网,所以暂时我也不知道从哪里去拿插件,你可以找之前下载过的人要一份试试。
      不好意思啊。

  21. bojone
    bojone 2011-03-05 21:10:23

    博主,能不能详细说下第一个选项怎么弄,我不会呀

    1. 冰剑
      冰剑 2011-03-06 10:07:21

      JQ的说法就是选择器,选择指定的范围,因每个模板不同而不同。
      现在我不方便看你的模板,暂时帮不了你,你可以去问问以前弄过的人。
      不好意思。

      1. bojone
        bojone 2011-03-06 10:09:09

        我想用的模板是Fave 4 Typecho,在typecho官方上有,麻烦你看一下,谢谢

        1. 冰剑
          冰剑 2011-03-06 10:10:35

          不是,我的意思是没有工具查看你的模板HTML的布局。
          或者你稍等一下吧,我去下个工具。
          不过这里网速很慢很慢,你把你博客的地址先发给我。

          1. bojone
            bojone 2011-03-06 10:11:46

            http://12.spaces.ac.cn

            1. 冰剑
              冰剑 2011-03-06 10:14:25

              应该是填写“.postDisplay a:has(img)”。
              仅供参考。

              1. bojone
                bojone 2011-03-06 10:16:55

                依旧不行...不知道是否和我使用google的jq有关?

                1. 冰剑
                  冰剑 2011-03-06 10:23:02

                  没关系,我自带是没有写入JQ的,使用任何一种版本的JQ都可以。
                  你试试写“a:has(img)”,前面的不要。

                  1. bojone
                    bojone 2011-03-06 11:59:58

                    依旧没有任何效果

  22. mybg
    mybg 2011-03-05 22:29:31

    确实不能下载,我翻墙后传了个:http://weburls.net//usr/uploads/2011/02/SlimBox2 for Typecho v1.0.4.zip

    1. 冰剑
      冰剑 2011-03-06 10:12:17

      3Q啦,已经从你这下载下来了,放在了数据银行。

      1. mybg
        mybg 2011-03-06 19:16:20

        不客气,从braxiu那里“偷”到了@用户名的回复形式,哇哈哈

  23. 24磅羽球新手
    24磅羽球新手 2011-03-10 20:19:04

    我使用了,可是总是在载入,不知道到底是什么问题 地址:http://ymq.in

    1. 冰剑
      冰剑 2011-03-13 11:02:39

      不能识别后台插入的附件地址,因为图片的连接地址不是原始的绝对路径。

      1. 24磅羽球新手
        24磅羽球新手 2011-03-13 11:10:19

        额,我没有修改过路径啊,和用了KE编辑器是否有关?

        1. 冰剑
          冰剑 2011-03-13 11:17:25

          你把鼠标放在我图片上,状态栏显示的地址是图片的真实路径,而放在你的图片上,显示的却不是真实路径。

          1. 24磅羽球新手
            24磅羽球新手 2011-03-13 12:00:14

            原来如此,我手动改了下链接就好了,可是这好像是typecho自动生成的链接吧,该怎么默认链接到源文件呢?

  24. 黄桃
    黄桃 2011-03-17 20:32:54

    貌似我现在还不怎么贴图,以后在用咯,
    不过我好喜欢的你读者墙啊。
    难不成是自定义页面?
    PS 官方资料看的迷糊。。

    1. 冰剑
      冰剑 2011-03-18 10:49:04

      嗯,是自定义页面。

  25. ych
    ych 2011-03-19 01:09:28

    有点问题。
    加载的图片的url,貌似是取的对应的的href值,而实际上,默认的福建管理器插入的图片的外部包围的标签是指向福建管理器页面的。

    1. 冰剑
      冰剑 2011-03-19 09:57:42

      是的,href指定在附件页面中是不能显示的。

  26. ych
    ych 2011-03-20 23:42:07

    那,能修复一下这个问题吗?
    你的js,压缩过的,我想改不过不好改。。。

    1. 冰剑
      冰剑 2011-03-22 07:24:38

      SlimBox2这个JQ插件不是我开发的,为了方便,我只是把它弄成了TE的插件而已。
      解压很容易的,网上到处都是在线解压的工具。

  27. mrjiangyu
    mrjiangyu 2011-03-22 21:27:35

    冰剑你好,我使用的模板就是你现在用的模板,但是为什么前台没有效果呢?
    选择范围使用的默认的。。

    1. 冰剑
      冰剑 2011-03-22 21:51:10

      需要使用a标签来包含img标签才有效果。

      1. mrjiangyu
        mrjiangyu 2011-03-22 21:52:55

        写的就是.entry_content a:has(img)

        1. 冰剑
          冰剑 2011-03-22 21:54:56

          不是插件,是你发表日志的图片标签问题。
          你的是< img src="xxxx" />这样的。
          实际上要< a href="图片地址">< img src="图片地址">
          PS:去掉尖括号后面的空格。

          1. mrjiangyu
            mrjiangyu 2011-03-22 22:09:21

            恩,搞定了!感谢解释。。这么说以后发博客要是使用这个效果的话还得重新在源码模式下手动更改链接?

            1. 冰剑
              冰剑 2011-03-22 22:11:05

              有的编辑器会自动加上a标签的,具体什么样子我也不知道,我自己没装编辑器,习惯在编码下写日志。

          2. mrjiangyu
            mrjiangyu 2011-03-22 22:10:53

            我明白了,直接给图片加个链接就可以了。

  28. 晨光博客
    晨光博客 2011-03-26 10:51:12

    没太看明白,我再研究下

  29. gao
    gao 2011-04-06 11:53:25

    正找呢

  30. 老T
    老T 2011-04-15 09:45:09

    干嘛不放到Google Code上去啊?

    1. 冰剑
      冰剑 2011-04-15 10:00:03

      因为binjoo这个id被注册了,所以就不想用了。

  31. Jack
    Jack 2011-04-16 22:05:46

    冰剑您好,我现在打算用Highslide JS 实行侧边栏中加入社群比如msn在线ifame代码,但是Highslide JS 上传后,也在模板header.php中加入代码了,还是调用不到出来,请问可以帮我看看是哪里出错吗?我是想要做出http://blog.joytown.tw/2011/03/07/607 右手旁侧边栏“敗家誌°社群”这个效果,请问如何实现呢?谢谢

    1. 冰剑
      冰剑 2011-04-17 17:50:56

      我对这个不太了解,不好意思。

  32. jack
    jack 2011-05-22 20:43:18

    我用了怎么没有效果啊,jQuery库已经下载最新版本放到js里面了

    1. binjoo
      binjoo 2011-05-22 23:19:18

      后台的第一个设置你可能没写对。

  33. jack
    jack 2011-05-23 11:28:32

    那个该怎么填,我没改那个,默认是.entry_content a:has(img)
    我用的0.8默认的主题,修改成.entry_data a:has(img),也没效果,这个该怎么填?

    1. binjoo
      binjoo 2011-05-23 21:11:28

      看了下你的主题,应该是写:#content .post a:has(img) 。

      1. 浩子
        浩子 2011-05-23 21:43:39

        我是来灌水的
        哈哈

  34. jack
    jack 2011-05-24 10:58:36

    不错,有效果了,还有2个问题,文章中图片的地址问题是怎么解决的,默认是附件的地址。
    LZ的空间是怎么买的,速度不错,我的godaddy近期抽的厉害,郁闷

    1. binjoo
      binjoo 2011-05-24 21:03:01

      哪个地址问题就真没办法了,不知道怎么解决。。
      我空间是在老薛主机买的,老薛口碑不错,你可以试试。

  35. 羽中
    羽中 2011-06-01 18:06:46

    其实速度主要还是看机器了,不过HS和jquery有点重复,而且经常和其他js冲突,我也考虑换套灯箱了

  36. isayme
    isayme 2011-10-05 20:20:18

    这个插件与Google Code Prettify有兼容问题吧?

    1. 冰剑
      冰剑 2011-10-07 15:36:58

      这个我还真不知道。。

      1. isayme
        isayme 2011-10-07 15:57:59

        两个插件激活顺序必须是slimbox在前……

  37. 视野瞳前
    视野瞳前 2011-10-24 13:15:05

    请教下如何,在模版中调用某分类的文章列表

  38. 暮春
    暮春 2011-12-12 00:29:27

    请问我的主题应该怎么填啊?这个是从哪看的?

    1. 冰剑
      冰剑 2011-12-12 20:11:45

      额,这个不好说,看你日志内容所在的CSS部分。
      我手机上的,不方便帮你看,不好意思。

      1. 暮春
        暮春 2011-12-12 20:13:45

        是这个部分的哪个代码呢?话说这个方法我一直不知道怎么实现的

        1. 冰剑
          冰剑 2011-12-12 20:35:44

          你这样写试试。
          .content .article .section

          1. 暮春
            暮春 2011-12-12 20:42:47

            话说这个还是不行,要不把我css给你发一份?

            1. 冰剑
              冰剑 2011-12-12 21:23:48

              .content .article .section a:has(img)
              用这个。。

            2. 冰剑
              冰剑 2011-12-12 21:24:09

              必须是包含在a标签下的img标签才行。

        2. 冰剑
          冰剑 2011-12-12 20:42:33

          .content .article .section a:has(img)
          用这个。。

  39. kz跳跃
    kz跳跃 2012-01-08 19:30:14

    怎么设置只读取本文章页的图片,不要一点开就是全站的.

  40. lauyoume
    lauyoume 2012-01-13 16:42:10

    图片太大 超出窗口有解决办法不?

  41. 丁臣
    丁臣 2012-02-03 14:05:43

    为什么点击之后一直显示加载呢。

    1. 冰剑
      冰剑 2012-02-04 12:42:03

      可能是你的图片连接地址不是绝对路径。