WordPress免插件实现FancyBox效果

26
582

今天把fancybox-for-wordpress这个插件集成到wordpress里面来了,感觉效果不错,比lightbox好些。下面就说说详细的过程吧。

如果你嫌麻烦可以到wordpress官网下载fancybox-for-wordpress这个插件,不过是英文的,没有中文语言包。
下面就说如何集成到wordpress里面:

第一步:下载经过压缩的js代码,原来是15kb的大小,经过压缩11.4kb。并放在当前主题js目录下(你也可以自己修改),备用地址:MEGA

第二步:下载CSS所需调用的图片,并将photo目录放在当前主题images目录里面,备用地址:MEGA

第三步:将以下代码放在头部header.php ,即为加载JS代码。

第四步:在当前主题样式表中加入以下css代码。

第五步:打开当前主题添加以下函数(最后?>之前,否则你懂得)。

从上可知,支持bmp、gif、jpeg、png和swf,也就是支持flash。轻松搞定,看看效果吧:

fancybox-effect

附官网网址:http://fancybox.net/

PS:使用fancybox由于js的原因会造成IE假死。故把prettyphoto插件集成了。

26 条留言

    • 汗,看来你没玩过dota,如果有机会了玩玩,很经典的一款游戏。图中英雄角色的叫做冰女。 :mrgreen:

    • 可以试试,就是实现图片特效的插件,你也可以试试其他的。不过你的评论被拉黑了。。 😕

留言

留言不能为空
怎么称呼您?

验证码 *