Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/arnowelzel/lightbox-photoswipe
Integration of PhotoSwipe to WordPress
https://github.com/arnowelzel/lightbox-photoswipe
lightbox photoswipe wordpress wordpress-plugin
Last synced: 18 days ago
JSON representation
Integration of PhotoSwipe to WordPress
- Host: GitHub
- URL: https://github.com/arnowelzel/lightbox-photoswipe
- Owner: arnowelzel
- License: gpl-2.0
- Created: 2018-02-11T16:41:07.000Z (almost 7 years ago)
- Default Branch: main
- Last Pushed: 2024-08-11T10:00:10.000Z (3 months ago)
- Last Synced: 2024-10-10T19:14:30.195Z (about 1 month ago)
- Topics: lightbox, photoswipe, wordpress, wordpress-plugin
- Language: JavaScript
- Homepage: https://arnowelzel.de/wp/en/projects/wordpress/lightbox-with-photoswipe
- Size: 2.19 MB
- Stars: 28
- Watchers: 6
- Forks: 7
- Open Issues: 37
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
- Security: SECURITY.md
Awesome Lists containing this project
README
# Lightbox with PhotoSwipe
This plugin integrates an extended version of PhotoSwipe 4 or the official release of PhotoSwipe 5 to WordPress.
More about PhotoSwipe see here: [http://photoswipe.com](http://photoswipe.com)
For more information about how to install Lightbox with PhotoSwipe see the [WordPress plugin repository](https://wordpress.org/plugins/lightbox-photoswipe/).
## Custom styles for PhotoSwipe 5
Please note that this plugin uses a custom stylesheet for the frontend (see `assets/ps5/lib/photoswipe-local.css`).
This style is based on the original stylesheet of PhotoSwipe 5 and contains the following changes:
* Keep UI elements clickable when hidden - this was the behaviour of PhotoSwipe 4 and avoids
confusion when the UI hides automatically in desktop mode and clicking the hidden arrow
would then close the lightbox instead of changing to the next image.
* Make sure that UI elements are hidden even when the mouse is hovering them in desktop mode.
## Plugins for PhotoSwipe
If you like to use the plugins for fullscreen mode and automatic hiding of the UI in desktop mode, you find these also on Github:
[Auto hide UI for PhotoSwipe](https://github.com/arnowelzel/photoswipe-auto-hide-ui)
[Fullscreen for PhotoSwipe](https://github.com/arnowelzel/photoswipe-fullscreen)
In addition a slightly modified version of the "dynamic caption" plugin by is also included:
[Dynamic caption plugin for PhotoSwipe v5](https://github.com/dimsemenov/photoswipe-dynamic-caption-plugin)
## Building minified versions of scripts and styles
If you want to change any of the scripts or styles you need to update the minified versions of them.
The plugin comes with a minifier script using PHP. To run that script use the following command:
```
make build
```
You should then see an output like this:
```
Building frontend script (PhotoSwipe 4)
Building frontend scripts (PhotoSwipe 5)
Building style for PhotoSwipe 4 skin classic
Building style for PhotoSwipe 4 skin classic-solid
Building style for PhotoSwipe 4 skin default
Building style for PhotoSwipe 4 skin default-solid
Building style for PhotoSwipe 5
```