插件描述：MagnifierRentgen是一款非常神奇的透视效果jQuery图片放大镜插件。使用该放大镜插件，可以在放大镜下透过上层的图片看到下层图片的放大影像，就像透过墙壁看到屋子里的景物一样。
使用该放大镜插件需要引入jQuery和jQuery.MagnifierRentgen.min.js以及jQuery.MagnifierRentgen.min.css文件。
1 2 3 | <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属性来指定。
1 2 3 4 5 | <div class="test-plugin" data-image="img/msi.jpg" data-image-zoom="img/msi-open.jpg" data-size="100"></div></div> |
初始化插件
在页面DOM元素加载完毕之后，可以通过magnifierRentgen()方法来初始化该图片放大镜插件。
1 | $(".test-plugin").magnifierRentgen(); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com