Lightbox 2插件让wordpress轻松实现Lightbox

  • 内容
  • 评论
  • 相关
lightbox2

插件作者的主页

为了让图片有Lightbox效果, 试用过几款wordpress插件, 但都不满意.

最后朋友Chov大力支援, 通过Lightbox 2插件轻松实现了Lightbox效果.

你可以点击下面这张图片来欣赏美女:

注: 用RSS阅读器的无法看见效果

lightbox2-1

什么是Lightbox?

参考至百度百科

“Lightbox”是一个别致且易用的图片显示效果,它可以使图片直接呈现在当前页面之上而不用转到新的窗口。

类似于WinXP操作系统的注销/关机对话框,除去屏幕中心位置的对话框,其他的区域都以淡出的效果逐渐变为银灰色以增加对比度,此时除了对话框内的表单控件,没有其他区域可以获取焦点。

Wordpress怎么实现lightbox?

1. 下载Lightbox 2.8.0 plugin for Wordpress插件.

2. 在插件设置页勾选Auto-lightbox image links.

3. 用WP自带的图片管理器在日志中插件缩略图, 记得带上文件原始链接.

4. 发布日志后就能看到图片效果了.

lightbox2-2

总结下:

发现Wordpress自动的图片管理太麻烦, 完全可以通过HTML代码来实现, 如下:

<a href="图片地址"><img class="alignnone size-thumbnail wp-image-692" title="标题" src=图片地址 alt="标题" width="144" height="81" /></a>

如上, 只要设置下width和height就可以完全不需要再剪裁图片了, 是不是更好看呢?

Ps. 感谢Attacker, Young, Chov这些帮助我的朋友.

End.

Author: 黑白天空
Date: 3/20/2009

评论

15条评论
  1. Gravatar 头像

    刁迎雪

    喜欢lightbox,不过还是嫌麻烦……

  2. Gravatar 头像

    藏章博客

    第一次来访您的博客,留下脚印,相互支持,呵呵!~

  3. Gravatar 头像

    akm4

    你好。。我加了LIGHTBOX.评论这里显示不了方框,怎么解决

  4. Gravatar 头像

    akm4

    你好。。我加了LIGHTBOX.PINGLUN 这里冲突了,怎么解决

  5. Gravatar 头像

    john

    需要手动添加代码,麻烦

  6. Gravatar 头像

    Can Free

    你的演示有问题。lightbox 2很久不更新了,与2.8有冲突

    • Gravatar 头像

      黑白天空

      @Can Free 因为我的blog还没有更新到2,8, 下载页面应该会有版本提示的吧, 我会在文章页面备注一下, 谢谢你的友情提醒.

      • Gravatar 头像

        Can Free

        @黑白天空 感谢你的回复,我通过邮件知道你对我的留言做了回复,请问,这个通知留言者的插件是什么,怎么实现的呢?谢谢

        • Gravatar 头像

          黑白天空

          @Can Free 就是我之前写的SMTP WP插件, 只要我回复你就能收到我发的邮件哦, 你的博客是WP么?

  7. Gravatar 头像

    天大

    喜欢这样的文章,呵呵。

  8. Gravatar 头像

    NetPuter

    沙发一下~
    LB 的效果的确很赞,在想新模板是不是也用上~

  9. Gravatar 头像

    Sayisee

    一直在用Google Picasa

    • Gravatar 头像

      黑白天空

      @Sayisee 图片还是放在自己空间上比较保险, 尽管google的图片没那么容易挂..