html手机端图片手势放大 移动端实现图片点击滑动预览 手势拖动 放大缩小功能...

移动端实现图片点击滑动预览，手势拖动，放大缩小功能

-05-22

1533

移动端页面想实现图片点击可以自由滑动，放大缩小功能如下图所示

实现效果如下

代码如下：

1.首先要引入swiper插件的js,css

2.HTML代码如下，先建立一个空的div层

3.css代码如下.imgshow{display:none;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;width:100%;height:100%;z-index:521;}

.swiperbox{height:100vh;