2009-03-20  6,390 views 15

Lightbox 2插件让wordpress轻松实现Lightbox

lightbox2

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

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

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

2018/10/20 更新, Lightxoe2 插件已关闭下载, 推荐FooBox Image Lightbox插件, 请在WP后台插件页面搜索.

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

15 条留言  访客:10 条  博主:3 条   引用: 2 条

  1. Sayisee LV2

    一直在用Google Picasa

    • 黑白天空 GM

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

  2. NetPuter LV2

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

  3. 天大 LV4

    喜欢这样的文章,呵呵。

  4. Can Free

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

    • 黑白天空 GM

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

      • Can Free

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

        • 黑白天空 GM

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

  5. john

    需要手动添加代码,麻烦

  6. akm4

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

  7. akm4

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

  8. 藏章博客

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

  9. 刁迎雪

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

来自外部的引用: 2 条

  • 如何讓自己的部落格有光箱效果(Lightbox)與 Wordpress 、 Blogger 結合 | Dogen's Photo Snap
  • Lightbox与Tstyle ‹ mini's 沐浴阳光

评论已关闭!