PhotoSwipe README

The project's README from github.com/dimsemenov/PhotoSwipe. As one markdown file: README.md.

FEEDBACK NEEDED I am developing the new version - PhotoSwipe v6, please read about upcoming changes and leave feedback.

PhotoSwipe v5 — JavaScript image gallery and lightbox

Demo | Documentation

Sponsor via OpenCollective Follow on Twitter

Repo structure

To build JS and CSS in dist/ directory, run npm run build.

To run the demo website and automatically rebuild files during development, run npm install in demo-docs-website/ and npm run watch in the root directory.

Older versions

Documentation for the old version (v4) can be found here and the code for 4.1.3 is here.

Stand With Ukraine


This project is tested with BrowserStack.

PhotoSwipe (dimsemenov/PhotoSwipe)

Searching Database…

这是什么?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 万颗星。
Creator
dimsemenov
Size
29.8 MB
Stars
25.3K
Age
15y
Commits · 90 Days