Easy SwipeBox Plugin
Easily enable the SwipeBox jQuery extension on all media links. Optimized for responsive layouts and touch devices.
Easy SwipeBox plugin for WordPress websites gives you a flexible, aesthetic and mobile-friendly Lightbox solution for just about all media links on your website. Easy SwipeBox uses the packed SwipeBox and is multisite compatible.
Main features
- Enqueuing of SwipeBox Javascript and CSS files.
- Customization of SwipeBox lightbox appereance and behaviour from the Lightbox Settings page.
- Autodetection of links to images or videos. You can exclude/include media types from the Autodetection Settings page.
- Other geek settings in the Advanced Settings page.
Autodetection
Select one or more options from Autodetection setting page, Easy SwipeBox automatically detects the media type and add class="swipebox"
to their links.
Otherwise, add class="swipebox"
yourself to make the magic happen.
If you like to exclude some images or videos from autodetection enter the selector that groups these elements.
By default, Easy SwipeBox uses .no-swipebox
.
Contribution
There are many ways to contribute to this plugin:
- Report a bug, submit pull request or new feature proposal: visit the Github repo.
- Translate it in your language: visit the WordPress translation page.
- Rate it 5 stars on WordPress.org.
- Buy me a beer!
Support
Need help? Read the FAQ or visit the WordPress.org support page / Github Issue Tracker.
Note: this plugin use SwipeBox jQuery plugin as Lightbox solution. For any issues and pull requests related to SwipeBox functionalities please visit the SwipeBox Repo.
Installation
- Download the plugin from WordPress repository.
- Upload the plugin folder in
/plugins/
. - Activate the plugin.
Done! Now all link to image or Youtube/Vimeo opens in a beautiful mobile-friendly Lightbox.
Visit the new admin page (Settings > Easy SwipeBox) to enable/disable the autodetection for selected media type and customize the lightbox behaviour.
Screenshots
Example of SwipeBox lightbox
Easy SwipeBox setting page
FAQ
Can I use Easy SwipeBox to show Google Maps iframe? Yes, SwipeBox support inline content, here below an example of code:
First create the selector that contains the Google Maps iframe, usually it’s hidden within the page:
IFRAME_MAP
Then create your link, pointing at the selector:
Click to open the map
Done! Clicking on the link, the Google Maps iframe will be showed within the lightbox.
Changelog
1.1.2 – Major release (26/02/2021)
1.1.1 – Major release (09/12/2020)
1.1.0 – Major release (27/01/2016)
- New feature: Added Lightbox Setting Page. Customize the SwipeBox lightbox behaviour. Discover more about SwipeBox options.
- New feature: Esclude media from autodetection. Exclude some images or videos from autodetection entering the selector that groups these elements.
- New feature: Advanced settings Page. Customize geek options, like javascript files position (header/footer) and choose to enqueue minified or unminified version of the files.
- New feature: Overview page.
- Security issue: Fix SwipeBox XSS vulnerability (see SwipeBox pull request).
- Updated readme.txt.
- Updated licence.
1.0.2 (22/11/2015)
- Bug fix: moved from wp_print_scripts to wp_enqueue_scripts. Better compatibiliy with Soil plugin from Roots. Thanks to Gifford Nowland
1.0.1 (28/10/2015)
- Bug fix: better image format detection (jpg -> .jpg). Thanks to jas8522
- Updated readme.txt
1.0 – Major release (14/09/2015)
- Updated SwipeBox to 1.4.1
- Bug fix: Added support to UPPERCASE image extension
- Bug fix: Removed SwipeBox to Youtube User and Channel links
- New feature: Added admin page for autodetection settings.
0.9.1 (14/04/2015)
- Bug fix: Added JPEG extension support
- Bug fix: Use image title as link title (alt fallback)
0.9 (02/02/2015)