pinchzoom.js 代码网上可以自行点击下载 pinchzoom下载
下载的压缩包demo,包含一般简单实例,以及在swipe中使用方法。
但是,我们公司前不久项目使用iscroll,所以在iscroll中也尝试引入,结果项目上线,效果很好,可以用iscroll左右滑动,同时当前页面也可以捏和放大缩小。直接上代码!
几乎和原生无区别,只需要搞清楚具体项目要操作的具体DOM对象即可。
<div class="scroll">
<div class="item slide1">
<div class='slide-back'></div>
<img class="slide1_bg2_main" src="assets/images/liangdian/2-1-main.png" />
<div class="page">
<div class="pinch-zoom">
<div class="description">
</div>
<img src="assets/images/liangdian/2-1.png" class="liangdian-2-1" />
</div>
</div>
</div>
</div>
js:
var el = document.querySelector('.slide1 div.pinch-zoom');
new PinchZoom(el, {});