先来几张效果图:
支持手势放大缩小
使用js框架是PhotoSwipe。 PhotoSwipe是一个图片放大插件,兼容pc和移动端,经历过多个版本的迭代且一直在不断更新,踩过的坑不知凡几,在移动端有着巨大的优势。 1、可控制多种风格如: 标题、分享、全屏按钮,点击事件、是否加入字幕,背景透明等。 2、可支持移动端触摸手势兼容pc端 所有的基本手势支持:滑动下一个或上一个,拖动平移、缩放、放大或关闭,点击切换控件,双击放大或缩放。 3、分享 默认的UI有一个按钮,分享链接。默认的链接是facebook,推特和Pinterest,但你可以通过API设置分享类型。 4、用户界面 用户界面是完全从核心脚本分离。完全可以自定义界面。默认photoswipe UI是响应式的,桌面、平板电脑和移动设备完全可以使用。 5、更多功能等你发现。 官网: github:
1、在官网下载PhotoSwipe,在页面中引入
本文已被整理到了《》,欢迎大家学习阅读。
原文链接:https://www.f2er.com/js/46315.html