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, {});