移动端实现图片点击滑动预览,手势拖动,放大缩小功能
-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;
如果觉得《html手机端图片手势放大 移动端实现图片点击滑动预览 手势拖动 放大缩小功能...》对你有帮助,请点赞、收藏,并留下你的观点哦!