xiebiji.com

终于把相册搞好了！用mootools+nextgen-gallery完成，对于我不简单啊！（测试地址）顺便写一下nextgen-gallery这个强大插件的用法：

第一步,当然先把插件装上啦，下载地址：nextgen-gallery.zip ,解压到wp-content\plugins这个目录下面去。然后到WP的后台启动插件。然后在管理首页那里就可以看见这个了：

第二步，这里主要说一下，建立相册页面的主要步骤：

1.首先我们必需了解：相册是有图集构成的，也就是说你上传照片的时候是上传到图集而不是直接上传到相册的，所以只要建立好图集，在相册选项里面选择特定的相册，注意每个相册都有ID，这个ID在新增的相册页面里需要用到；选定相册之后，可以很方便的从右边把已经存在的图集拉过来，如图（点击可以放大）：

至于添加图集，导入文件夹（需要在服务器空间上面建立存在的文件夹）之类的我就不累述了。

2.建立相册页面，你应该知道怎么建立新页面（包括引用自用模板）吧？明白之后，直接在编辑页面空白那里，输入一下语句：（注意！{ }需要换成[ ]）

• {slideshow=id,width,height} 这句意思是显示幻灯片，id:要显示的图集的ID（每个图集也有ID建立的时候可以看到）;width,height当然是宽度和高度了
• {album=id,extend} 或者 {album=id,compact} 这两句是同一个意思的，效果是差不多的，意思就是显示一个相册，id为相册ID;extend，compact可以随便写一个
• {gallery=id} 这个是显示特定图集的
• {singlepic=id,width,height,mode,float} 这句是显示特定某张图片的，！这里的mode可以写“web20”或者“watermark”，前者是让图片有倒影，后者是让图片加水印（后台选项里面有水印设置项），float就是css中的float了。
• {imagebrowser=id} 显示浏览器的图片浏览器，id是图集的ID
• {tags=name,name,name} 每张图片可以添加标签，可以以英文的逗号分割不同的标签，此句将显示含name标签的图片
• {albumtags=name,name,name} 这个跟上面说的差不多，不同的是显示的是相册

这里推荐在HTML源代码模式下写这些语句，可视化编辑器里面很容易在语句之间加了别的语句，出来后再加css就容易搞错了。填上这些语句后的页面就可以显示你放在服务器上面的图片了。

第三步，这一步不是必要的。结合mootools或者LightBox 2我们可以让相册更有特色，但是两者是不能同时用上的，因为两者的JS会冲突。用mootools的话我做了目前我相册那个导航的效果，用LightBox 2的话可以让点击图片时效果更华丽。Nextgen-gallery后台里面有个“选项”里面有个“效果“，这里可以设置效果,其中只有Thickbox可以用。但是只要你装上lightbox-2277.zip就可以用当中的LightBox效果了！不过记得如果你原本有插件与LightBox 2冲突的话是没有效果的！！我做的mootools导航效果，有兴趣的朋友，留言一下吧。