NextGEN Gallery + LightBox2 = Really Cool!
前一段时间用ImageVenue来存放我在blog上面的图片，因为它能直接帮我生成缩略图。但是我非常不喜欢它，因为它的显示全图的页面广告太多，而且还不符合W3C标准。所以才迫使我去找另外的解决方案。
无意中发现的NextGEN Gallery这个Wordpress插件，而且发现它非常的强大。有很多实用的功能：
- 动态生成缩略图。这个需要PHP GD库的支持，大多数hosting都支持，所以没有什么问题。
- 非常方便的管理和组织图片的功能。可以把图片分类为不同的Gallery，还可以把不同的Gallery组合为Albumn。等等。
- 非常丰富的展示方式。你可以以单幅的方式展示，还可以展示一个Gallery，还可以按照Albumn的方式展示。等等
- 还可以用一个第三方的swf（免费的）制作自己的slideshow。还没有用过。
- 无缝集成LightBox2插件。这个功能省去了很多配置工作啊
LightBox2 WordPress插件是基于LightBox2这个JavaScript的开源lib的。效果相当炫。在作者写LightBox1.0的时候，我就研究过这个，现在已经2.x了，简直是革命性的。几乎可以作为此类应用的典范了。
这两个plugin配置相对简单。都是遵照作者的指点，放在wordpress plugin目录下面，然后在wordpress中activate就可以了。
值得一提的就是如何让这两个plugin协同工作。只需要在你的wordpress的admin页面中，选择Gallery->Options->Images中，把“Add link in [SinglePic not found] tag”选中；然后在Gallery->Options->Efects中，把“JavaScript Thumbnail effect”选为LightBox就可以了。恩。就这么简单。
然后就是，上传图片，在你的post中，用[#singlepic#=xx]的方式展示你的图片了。(去掉#号)
[singlepic id="5" w="" h="100" mode="" float="" ]
Update:
不知不觉NextGen Gallery已经升级到0.96了，和之前有了很大的不同。易用性有了很大的提高。现在和Wordpress的内置编辑器集成的相当好。在编辑器的右上角有一个小按钮（Add NextGen Gallery），点开这个按钮可以选择插入一个Gallery或者一张图片。
另外，强调一下，如果使用Lightbox效果的话，需要且尽需要将NGG Gallery的效果设置为lightbox，并且安装激活lightbox2这个wordpress插件。
不是说笑…插件里面没有这个….把“Add link in [singlepic] tag”选中
恩，确实没有了。NGG Gallery升级后，更方便使用了。
看来是默认加Link了。
- -….所以我现在卡住了….没有让图片自动适应的设置,只有个FULLSIZE的选项…..新版的JS效果只剩下THICKBOX了…头晕了…不知道怎么弄~~~对了.你点击一下你的那2张图片..按住不动的话,左边会出现虚线…那个虚线可以去掉的么?
我卡了一天了,如果您会的话,就告诉下我吧~~~我在等论坛的达人回复呢,如果有时间能帮我看下么.地址是http://blog.princess-tears.com/?page_id=321
我看到你已经使用ThinkBox显示图片了。
如果需要使用LightBox的话，你需要安装一个LightBox2的Wordpress插件。
http://wordpress.org/extend/plugins/lightbox-2/
启用这个插件，并且把NGG Gallery中的effect选成lightbox就可以了。
我在本机的Wordpress2.5.1 + NGG Gallery0.96 + lightbox2 plugin测试没问题。
你可以试试。
用了这个效果之后,黑色框很大,冲破屏幕了,但是图片却很小~~~我想像你这里的这样,不知道应该怎么弄,是不是和图片分辨率有关呢
如果直接用Lightbox是不是就像这样的效果呢~~http://www.huddletogether.com/projects/lightbox2/我想专门弄个页面来放图片,如果不用NGG的话,处理会很麻烦.不过好像会拖慢速度吧
看起来是因为你的图片太大了，超过浏览器的窗口了。浏览器自动做了resize。
你可以试试把你的图片的尺寸变小一些，小于浏览器的窗口的尺寸。
（那个框的大小是你图片实际尺寸的大小）
这个lightbox2就是这个plugin里面使用的lightbox2。
OK.
我发现原因了。
在你的style.css中，有一个：
img {
border:medium none;
max-width:350px;
}
这里面约束了img的最大宽度是350px，所以你的图片是不能显示全尺寸的。把max-width这句注释掉或者将你的图片宽度都保持在350px以内就可以解决问题了。
- -去掉的话,我文章里面的图片怎么办….全部都出格
这样的话,就是分辨率也受限制啊….大分辨率的虽然可以显示了但还是会出格的.
还有一种方法：
找到lightbox.css，在wp-content/plugins/lightbox-2/Themes/**/下面。**是你使用的主题，比如黑色，灰色。。。（全改当然也可以）
在lightbox.css中加上这几行：
#stimuli_lightboxImage {
max-width: 100000px;
}
为lightbox的img将max-width重置为一个足够大的值。
这样，既不影响你blog中其他的img显示，也可以让lightbox的图片显示全尺寸。
我该怎么说呢…..你真是的太厉害了~~~我看我得把照片改小点….1000*1000以上的分辨率会把我的屏幕撑爆了…..不过我那个LB的效果跟你的不一样啊..你的就像一张照片..我那个还有前后翻的
而且你那个图片不会显示文件名……对了…我这样会不会说太多啊…..
我那个图片点开这后,图片和文件名之间还有空白
max-width的设置并不会影响你的分辨率。它只是说这个图片被显示的时候被允许的最大宽度。比如你设置max-width是350px，那么所有的图片不管大小最宽就只能显示宽度为350px。如果你的图片比350px小，那么就不会受到影响，如果比这个大，那么就会被变小，使之显示为350px宽。
设置max-width:10000px不会影响你屏幕的分辨率，不会带来任何不好的影响。
因为你是设置的gallery所以有上一张，下一张的，那个文件名的显示是可以加上的。你看这篇blog是不是和你的效果类似：
http://www.zhangdi.name/2007/07/28/transformer-part-iii.html
我就是想不要这个左右翻和名字的显示~~~像你这篇的一定要一张一张弄才可以么….我不知道那个选项是去掉显示名字的
我刚才试了一下,无论图片分辨率怎样,那个黑色框都要突破我的屏幕,就像最后一张照片一样,我把分辨率改低了,只是图片变小了,黑框还在
上面黑框的问题解决了,原来是缓存的问题,清了就可以了,你知道怎么让这个照片靠顶么
去掉title和不显示上一张/下一张：在添加完图片后，可以编辑html代码，把套在IMG标签外面的A标签里面的title=”xxx”的xxx给删掉，把rel=”lightbox[]“中的中括号删掉。
我不知道你是否有网页编辑的基础，比如CSS和JavaScript的？
如果有，那么你可以修改lightbox.css那个样式表，你可以改成完全满足你的要求的样子。
=_=说到痛处了…..我是5月才开始的BLOG….以前啥都不会…现在一边看PHP教程一边自己弄….有时还要引用下别人的…反正没少花时间…像这些比较高级的修改CSS..我还是不大会…你看我界面就知道了….只能慢慢学了~~~难得有个人像你这样好心~~当然要多蹭点啦^_^咔咔…借鉴别人的经验比较快嘛,你说的我去试试看,不懂再问你哈
你说的编辑HTML是在哪里编辑啊…上传完图片什么都没出现的…
原来不显示文件名可以直接在Gallery->Manage Gallery里面把图片的Alt & Title Text里面的名字删掉就行了
呵呵，刚开始会费点劲儿的。入门后，你就会发现非常有意思了。
有问题尽管问我，我能帮肯定会尽力的。
另外，发邮件或者在这里留言都可以。发邮件可能更方便。:)
我在你的blog上留言了，看留言就能知道我的email地址了。
Wordpress的编辑器，在右上角有一个HTML的按钮，按那个就可以切换到HTML编辑模式。在Gallery里面直接删除Alt和Title的不好之处就在于以后在别的地方想显示也显示不出来了。不过你可以把这个Alt&Title改为一个更好的内容，比如“吃饭的照片”之类的有意义的文字。
你说的修改HTML是指页面里面的吧,但是我页面里面的是[gallery=3]没得修改的
这样的话，你只能在Gallery设置里面改Alt&Title了。:)
修改文件名我已经搞好了…主要是这个翻页搞不好~~~还有这个黑色框过大的问题……LB的CSS里面关于分辨率的有很多项,我在一个一个的试
什么黑色框过大？
黑色框问题已经处理好了,这几天出去玩了,都没来得及回复
http://blog.princess-tears.com/?page_id=3 我想把链接弄成2列,1列的话太长,我尝试直接修改Link.php里面对应的Style.css里面的部分,发现链接和文章是同一设置,如果修改长宽的话,会造成文章不能正常显示,有人说加上这个代码:width:50%;float:left…但我没发现有效果.我想把所有页面都弄成独立的设置,这样的工程我只敢想…实在太累人了
我觉得应该换个地方说话….=_=这里已经好长了…..我开还是发邮件好了,不过我喜欢这样多一点
对了,把正事给忘了,讨个链接^_^
我看了你的教程也想弄个lightbox2试试，完全按照你的步骤做的，可是我的相册还是一点效果都没，点击图片后还是在浏览器新选项卡里打开，没有lightbox的那种很好看的效果，是什么原因呢