Lightbox 2插件让wordpress轻松实现Lightbox

Posted on 03月 20, 2009 | Author: 黑白天空 | Filed under: My WordPress | View: 1,710

(11) Comments

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

> Tags: , , ,
> 转载请遵循 "署名-非商业用途"的创作共用协议, 引用请附上文章原始地址
> 如喜欢这篇文章或者本站,建议您通过RSS订阅, 以及时获取更新内容!

11 个人对此文表达了自己的看法 | 点我去留言

  1. Sayisee 说到:

    一直在用Google Picasa

  2. NetPuter 说到:

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

  3. 黑白天空 说到:

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

  4. 天大 说到:

    喜欢这样的文章,呵呵。

  5. Can Free 说到:

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

  6. 黑白天空 说到:

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

  7. Can Free 说到:

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

  8. 黑白天空 说到:

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

  9. [...] 在黑白天空網站這篇寫到 <a href=”图片地址“><img class=”alignnone size-thumbnail wp-image-692″ title=”标题” src=图片地址 alt=”标题” width=”144″ height=”81″ /></a> [...]

  10. john 说到:

    需要手动添加代码,麻烦

  11. [...] 转载:Lightbox 2插件让wordpress轻松实现Lightbox [...]

想要说点什么