Skip to content

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

2010 四月 20
by 荒野无灯

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

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

相册
有图有真相:

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

1
2
3
4
5
Max_Number=30;
GalleryTitle=Hacklog Gallery;
GalleryDesc=荒野无灯weblog;
StageWidth=600;
StageHeight=400;

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

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

喜欢这篇文章吗?

请订阅本站 RSS feed填写您的邮件地址,订阅我们的精彩内容:,欢迎点击这里捐赠以支持荒野无灯转播到腾讯微博 转播到腾讯微博

作者:荒野无灯
出处:Hacklog【Hacklog】

声明: 本站遵循 署名-非商业性使用-相同方式共享 3.0 共享协议. 转载请注明转自Hacklog【荒野无灯weblog】

本文链接: http://ihacklog.com/?p=3677

15 Responses Post a comment
  1. 三月 10, 2012

    求解 啊!下了解压不了啊!!!!!

  2. 三月 10, 2012

    问下图片能用外链的吗?

  3. 二月 11, 2011

    我很水,图片上传到哪里呢

  4. 十月 23, 2010

    好东西,现在在测试中。。。

  5. 十月 17, 2010

    经常来你的网站,不错哦,希望能多发WP方面的,实用的东东!

  6. 四月 26, 2010

    学到不少。 :smile:

  7. 四月 23, 2010

    确实不错,有空也来试试。

  8. 四月 22, 2010

    的确很酷 :wink:
    不过图片多了会不会不好管理呢?

    • 四月 24, 2010

      确实,图片不能放太多的。因此我在配置中设置了图片数量的限制。

  9. 四月 20, 2010

    主题好炫 :evil: 呵呵 赞! :grin:

  10. 四月 20, 2010

    :grin: 恩,很酷很酷

  11. 慕烨枫 permalink
    四月 20, 2010

    效果很酷~
    我先试一试去了~~~

  12. 四月 20, 2010

    这个我喜欢,不知道JQ1.2X能不能承载这个效果?

Leave a Reply

Allowed Tags - You may use these HTML tags and attributes in your comment.

<a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <q cite=""> <strong>

 :wink:  :-|  :-x  :twisted:  :)  8-O  :(  :roll:  :-P  :oops:  :-o  :mrgreen:  :lol:  :idea:  :-D  :evil:  :cry:  8)  :arrow:  :-?  :?:  :!:

Note: You may use basic HTML in your comments. Your email address will not be published.

Subscribe to this comment feed via RSS