页面中图片点击放大

页面中图片点击放大

一.页面需要的JS以及css文件

 <link rel="stylesheet" href="dist/zoomify.min.css">
 <script src="dist/zoomify.min.js"></script>

二.使用方法

2.1基本使用方法

<div style="width: 50%;" id="cc">
              <img src="https://ss2.bdstatic.com/70cFvnSh_Q1YnxGkpoWK1HF6hhy/it/u=12680769,758549795&fm=26&gp=0.jpg"
                  alt="" style="width: 100%; height: 100%;" >
</div>

<script>
    	$('#cc>img').zoomify({
            duration:100,//动画执行时长
            scale:1 //缩放比例
        });
</script>

【CSS以及JS下载地址】