傲文世界

一直想修改网站上图片显示的效果，因为图片要么太大，要么太小，而且每次写文章都需要对图片的尺寸进行定义，非常麻烦。如果能默认显示一个固定的图片大小，嵌入到文本中，然后当鼠标移动上去点击后能弹出其原始大小的图片，而且又不离开这个页面不是更好吗？
看看效果：9个让人难以置信的后院 (点击这篇文章看多幅图的显示效果)

于是想起原来想使用的Ligitbox插件。这个插件我原来试了几次都无法达到效果，今天趁有时间又好好琢磨了一下，结果成功了。现将操作步骤写下来，也与那些想使用这个插件的朋友分享。

1、  下载插件：
在（这里下载）。顺便多了解一点：Used to overlay images on the current page. Lightbox JS v2.2 by Lokesh Dhakar ( http://www.huddletogether.com/projects/lightbox2/ ). Features ‘auto-lightboxing’ of image links, courtesy of krembo99, with major improvements by Tanin. （这段话的大意是说：Lightbox JS最早的作者是Lokesh Dhakar，后来Tanin对其进行了完善，可以让图片自动展示lightbox的功能了。）

2、  启用和设置：
下载后进入管理后台，启用该插件，并在“设置”中找到lightbox 2。这个版本提供了Black, White, Grey and Dark Grey四种主题颜色，你可以根据自己的页面风格选择，保存。 这样就可以用了。

4、  多幅图怎么办？
那么如果碰到一个帖子中有多幅图，怎么办呢？看看下面的代码展示就应该明白了吧：
<a href=”图-1.jpg” rel=”lightbox[X]“><img src=”../thumb-1.jpg”></a>
<a href=”图-2.jpg” rel=”lightbox[X]“><img src=”../thumb-2.jpg”></a>
<a href=”图-3.jpg” rel=”lightbox[X]“><img src=”../thumb-3.jpg”></a>
就是在每幅图上都加rel=”lightbox[X]“（这里的X可以自己定义，其实就是一组图片的简略说明即可，前后都要一样）。这样做是不是觉得很麻烦呢？别急，又有好心人给我们做了这样的工作。Mdkart为我们制作了lightbox-auto插件，它会自动为你完成这些加属性的工作。（看看他的网页上怎么说：This plugin for Wordpress automatically add the rel= »lightbox[ID_OF_THE_POST] » to images linked in a post. So you will never have to add rel= »lightbox[ID] » when you write a new post.）（从这段话的意思上不难看出，lightbox-auto插件是针对新帖子的，而且它是自动将X值用帖子的ID加以赋值了。对于老帖子，还需要手工修改）

5、 试一下：
下载Mdkart的这个插件（点这里也可以下载）并解压后，会看到一个lightbox-auto.php和一个readme.txt（基本上可以不看）的文件。用通常的插件激活方法激活就可以了。（Mdkart是这么说的：1.Unzip the file；2.Upload it in /wp-content/plugins/ of your Wordpress installation；3. Activate the Plugin；4. That’s All）。

6、  总结：
使用了以上两个插件（lightbox 2 + lightbox-auto）后，你在发新帖时加图片就不需要加 rel=”lightbox”这段代码了。大功告成！不过还是有一点遗憾：1）这个插件目前还不支持firefox浏览器，尽管点击图片还是可以达到放大的效果（但只会弹出一个新页面，lightbox的效果都不起作用了）。2）有些Wordpress主题可能也不支持这个插件。朋友们结合自己的主题试吧。有请高手跟帖指教。