在WordPress中添加点击看悬浮大图的效果__非插件版FancyZoom

FancyZoom官网

FancyZoom官方下载

将解压后的FancyZoom 1.1上传,我选择的是插件目录/wp-content/plugins/,并将其重命名为FancyZoom(注意限权的修改)

在你主题的header.php文件中的head中加入:

<script src="./(你的路径)/FancyZoom.js" type="text/javascript"></script>
<script src="./(你的路径)/js-global/FancyZoomHTML.js" type="text/javascript"></script>

并在body标签中加入 onload="setupZoom()" 就像这样:<body id="whatever" […] onload="setupZoom()">

最后一步:在FancyZoom.js中要把44行的var zoomImagesURI=''改为自己的路径

完成!

还有,只有在插入图片时选择 连接到:媒体文件 才起作用.我的就是一开始不起作用,纠结了好久才发现的这个问题.跟官网的例子对比了半天才发现的……