Adds a shortcode and TinyMCE button for creating CSS-only lightboxes for images.
Author: | Daniel Jones (profile at wordpress.org) |
WordPress version required: | 3.0.1 |
WordPress version tested: | 4.6.21 |
Plugin version: | 1.0 |
Added to WordPress repository: | 11-10-2016 |
Last updated: | 11-10-2016
Warning! This plugin has not been updated in over 2 years. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.
|
Rating, %: | 0 |
Rated by: | 0 |
Plugin URI: | |
Total downloads: | 899 |
Active installs: | 10+ |
Click to start download
|
Adds a [css_lightbox …] shortcode that generates a CSS-only lightbox for a given image (by URL). Also includes a TinyMCE toolbar button for more easily including the needed attributes for the shortcode.
FAQ
How do I add a lightbox?
- Copy and paste the complete URL for the image you want to make a lightbox for into the WordPress editor
- Select the URL with your cursor
- Click the “Lightbox” button in the TinyMCE toolbar
- Enter the values you’re prompted for. The only one that’s required is a unique ID for the image
OR
- Copy and paste the complete URL for the image you want to make a lightbox for into the WordPress editor
- Add the opening shortcode, [css_lightbox …] before the beginning of the URL and add the options you want
- Attributes you can use with the shortcode are:
* “id” (unique identifier for the image, required)
* “height” (in pixels, without including px)
* “width” (in pixels, without including px)
* “title” (a title for image, displayed when it’s enlarged)
* “caption” (a caption for the image, displayed when it’s enlarged)
* “alt” (alt text for the on-page image)
* “icon” (‘true’ or ‘false’ – whether or not to include a small magnifying glass icon in the top-left of the on-page image, to indicate that it can be enlarged)
1. An example using all of the available options: [css_lightbox id=”uniqueID” height=”400″ width=”400″ title=”A title” caption=”A caption” alt=”Some alt text” icon=”true”]Image URL[/css_lightbox]
What features are coming?
- The option to use other units for the image dimension, including %, em, rem, vw, and vh
- Send me suggestions in the support forum!
ChangeLog
1.0
First version:
* Adds shortcode
* Adds TinyMCE plugin and button to make the shortcode easier to use