图片/图形
图片透视效果放大镜jQuery特效插件
PetitQ
MagnifierRentgen 是一款非常神奇的透视效果 jQuery 图片放大镜插件。使用该放大镜插件，可以在放大镜下透过上层的图片看到下层图片的放大影像，就像透过墙壁看到屋子里的景物一样。
使用方法
使用该放大镜插件需要引入 jQuery 和 jQuery.MagnifierRentgen.min.js 以及 jQuery.MagnifierRentgen.min.css 文件。
也想出现在这里？联系我们吧
<link rel="stylesheet" href="dist/jQuery.MagnifierRentgen.min.css">
<script src="js/jquery.min.js"></script>
<script src="dist/jQuery.MagnifierRentgen.min.js"></script>
HTML 结构
该放大镜插件有 2 个图层，上面的为原图，使用 data-image 属性来指定，下面的是放大的图片，使用 data-image-zoom 属性来指定。
<div class="test-plugin"
data-image="img/msi.jpg"
data-image-zoom="img/msi-open.jpg"
data-size="100"></div>
</div>
初始化插件
在页面 DOM 元素加载完毕之后，可以通过 magnifierRentgen()方法来初始化该图片放大镜插件。
$(".test-plugin").magnifierRentgen();
Github 地址：https://github.com/agragregra/MagnifierRentgen
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
