免插件为wp添加基于CSS3的超酷效果相册 » 荒野无灯weblog

Keep It Simple, Stupid.

荒野无灯weblog

免插件为wp添加基于CSS3的超酷效果相册

以前用过WP的 nextgen-gallery 相册插件,后来发现启用这个插件以后博客访问速度异常之慢,于是忍痛去之。
这次在网上逛发现了一个基于CSS3的相册,相当漂亮。
关于为什么我不用插件而用一个页面模板来做相册,可到 《关于免插件的一点小想法(效率问题)》细看。

看下效果:
http://www.ihacklog.com/gallery#pic-5

相册
有图有真相:

fancyGallery.zip (108.8 KB)

安装说明:
将解压后fancyGallery目录下面的文件上传到当前所用主题相应目录下面。(注意,不要连fancyGallery这个目录一起上传!不然会找不到模板!)
如果你的模板默认加载了jQuery库,请把fancyGallery.php中加载jQuery库那句删除掉。
使用:
后来新建页面时选中名为fancyGallery的模板,
页面内容为:

Max_Number=30;
GalleryTitle=Hacklog Gallery;
GalleryDesc=荒野无灯weblog;
StageWidth=600;
StageHeight=400;

然后添加图片,添加后 不要插入图片到文章中!

还是老规矩,一行一个配置项,以分号结束。
参数解释:
Max_Number 最多显示图片数
GalleryTitle 相册标题
GalleryDesc 相册描述
StageWidth 相册区域宽
StageHeight 相册区域高

Tagged in : fancy,gallery,相册,免插件

All Comments (0)
Gravatar image
No Comments