图片展示局部放大插件 Magic Zoom™ 使用介绍

近期风腾卓越在折腾企业主题,很多企业主题都做的很漂亮。既然是企业主题,那么企业产品的图片展示就是必不可少的。风腾卓越这次在产品图片展示上用了Magic Zoom这个插件,主要功能就是图片局部放大。

这个插件的使用跟其他插件有点不同,不是装上插件就立刻可以使用,风腾卓越也走了一点弯路,在这把使用方法介绍下,一是自己留帖以备以后参考,二是有想使用这个插件的其他博友少走弯路。

一、还是先上演示页面。

http://justcool.in/products-page/meirong/qixibao

效果图

二、插件安装方法:

1、wordpress插件后台搜索Magic Zoom插件安装并激活;

2、在wordpress官方网站的插件库中搜索Magic Zoom,下载插件文件,解压后上传到网站插件目录;再到wordpress插件后台激活。

以上两种方法选一种。激活后插件后台不需要做什么其他设置(风腾卓越这次就没有设置)。

接下来是安装的重点,可能很多使用不了这个插件的原因都在下面两步:

1、下载Magic Zoom zip文件,找到的magiczoom.js文件和上传它到/wp-content/plugins/magic-zoom-for-wordpress/magiczoom/core目录下。往往有些不能成功使用的就在这一步,风腾卓越在这弯了不少的路,才发现还要这样做,后台搜索安装插件居然不带JS文件,这个作者太牛X了。)

2、在你需要进行图片展示的地方,插入小图片,然后把它链接到大图上并设置 class=“MagicZoom”的CSS样式。它看起来像这样:

<a href="big.jpg"><img src="small.jpg"/></a>
这样就大功告成了!
希望对大家有帮助。风腾卓越

 


将此文分享到:


转载请注明来自风腾网-wordpress企业主题,本文地址:http://fengten.com/943.html
除非注明,风腾网-wordpress企业主题文章均为原创,转载请注明出处和链接!
友荐云推荐

相关文章

6 条评论

*

*

顶部 友荐云推荐