wordpress开发:图片灯箱插件/非插件实现

Fancy zoom是一款优秀的jquery图片灯箱插件,所谓的图片灯箱,就是点击图片,在不跳出新的页面下,生成一个相对较大较清晰的图片。 WordPress下也有对应的插件wp-fancyzoom。本文提供该插件的下载,和非插件实现的图片灯箱方法。

直接下载插件使用

wp-fancyzoom-汉化版.zip 

 

非插件实现方法

主题需要装载jquery库,然后需要引用两个js脚本,

下载这两个脚本: FancyZoom.js、FancyZoomHTML.js

下载完毕后,把js文件放在主题的根目录下,并且在主题的<body>标签其后,加入这两个js文件:

再给你的<body>标签,加入一个onLoad=”setupZoom();”属性,即:形如<body>
最后一步,把  wp-fancyzoom-汉化版.zip 解压,把里面的images-global文件夹中的zoom文件夹和里面的图片文件,上传到当前Wordpress主题的images文件夹下即可,如果你的主题没有images文件夹,则自己建立一个。

相关文件下载

链接:https://pan.baidu.com/s/1jPdNi22Fh899NpIN7a2z1A
提取码:12ov

发表评论

邮箱地址不会被公开。 必填项已用*标注