手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果

前端之家收集整理的这篇文章主要介绍了手机端 HTML5使用photoswipe.js仿微信朋友圈图片放大效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

先来几张效果图:

点击其中一张照片可放大,可支持图片文字描述:

同时支持分享功能

支持手势放大缩小

使用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

猜你在找的JavaScript相关文章