使用pinchZoom实现图片的两指缩放

两指缩放图片

引入js

1
2
<script src="http://mat1.gtimg.com/city/youpin/yn/hyBase.js"></script>
<script src="http://mat1.gtimg.com/city/youpin/yn/zoom.js"></script>

js实现图片缩放

1
2
3
4
5
6
7
8
$(function(){
	$('.quality-detail-box .zoom-container').each(function () {
		new RTP.PinchZoom($(this), {});
	});
	setTimeout(function(){
		$('.pinch-zoom-container').height('100%');
	},0)
});
赏

谢谢你请我吃糖果

支付宝
微信

扫一扫，分享到微信

微信分享二维码

tag:

    缺失模块。
    1、请确保node版本大于6.2
    2、在博客根目录（注意不是yilia根目录）执行以下命令：
    npm i hexo-generator-json-content --save

    3、在根目录_config.yml里添加配置： 

      jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true