PhotoSwipe (dimsemenov/PhotoSwipe)
Searching Database…
25.3K ·GitHub
这是什么?
PhotoSwipe 是一个适用于手机和电脑的 JavaScript 图片画廊和灯箱组件——代码模块化、不依赖任何框架,直接加到你自己的网页上就能用。
这是加到自己网站上的库,还是托管在网上的画廊服务?
它是一个前端库,不是服务:你把它的 JavaScript 和 CSS 引入页面,然后挂接到自己的 HTML 标记上。它不依赖任何特定框架。
怎么把它加到网页里?
dist/ 文件夹里自带了打包好的文件——直接取里面的主 JS 和 CSS 引入页面即可。如果想从 src/ 重新构建,运行 npm run build。
它需要 jQuery 或者 React 这类框架才能用吗?
不需要。这个包没有任何运行时依赖,也不依赖框架,所以不管放进纯 HTML 还是 React、Vue 项目里都一样轻松。
网上有好多旧的 PhotoSwipe 教程——现在最新的是哪个版本?
当前版本是 v5。v6 正在开发中,作者正在征集大家对即将到来的改动的反馈;同时 v4(4.1.3)的文档和代码仍然可用,适合老项目。
在手机和电脑浏览器上表现会一样吗?
它从一开始就是为手机和电脑两种场景打造的,项目通过 BrowserStack 在多种浏览器上做过测试。
PhotoSwipe Core 和 PhotoSwipe Lightbox 有什么区别?
源码里有两个入口:src/js/photoswipe.js 是 PhotoSwipe Core,也就是画廊引擎本身;src/js/lightbox/lightbox.js 是 PhotoSwipe Lightbox,一个在它基础上封装好的开箱即用的外壳。
这个项目还在积极维护吗?
是的。v6 的开发正在进行,作者正在征求社区反馈;代码库通过 BrowserStack 定期测试;项目从 2011 年做到现在,在 GitHub 上有大约 2.5 万颗星。
What are similar projects?
Magnific-Popup, swiper, pdf.js, drawably, dropzone, material, sweetalert2, pure
Which topics is it in?
viewer, modular, gallery, photos, zero-dependency, image, javascript-library, ui-components, css, browser, mobile, ui