This basic plugin adds the Magnific Popup lightbox script to wordpress site and works with single images, iframe links and dialogs.
All you need to do to use Magnific Popup on a link is to add specific css class to 'a' tag. CSS class names can be configured on settings page.
For images you can use alt attribute to add captions.
Thanks to Dmitry Semenov for the original script:
http://dimsemenov.com/plugins/magnific-popup/
This plugin is only basic version and does not support all features of Magnific Popup yet.
Plugin provides following functionality:
Usage example html:
<a href="http://site.com/full-size.jpg" class="mpopup"><img alt="" src="http://site.com/thumbnail.jpg" /></a>
- Image gallery popup with navigation.
Usage example html:
`
`
* Iframe popup (can contain external page, youtube video, google map, etc.)
Usage example html:
<a href="http://www.youtube.com/watch?v=b0FhD19zj4I" class="mpopup_iframe">Video</a> <a href="https://maps.google.com/maps?q=221B+Baker+Street,+London,+United+Kingdom&hl=en&t=v&hnear=221B+Baker+St,+London+NW1+6XE,+United+Kingdom" class="mpopup_iframe">Google Map</a>
- Dialog popup (pops up a div from the current page)
Usage example html:
`
Dialog
Test dialog content
`
Use the automatic installer from within the WordPress admin, or:
- Download the .zip file by clicking on the Download button on the right
- Unzip the file
- Upload the files to your plugins directory
- Go to the Plugins page from within the WordPress administration
- Click Activate for WP Magnific Popup
- After activation a new WP Magnific Popup options menu will appear under Settings.
- Visit the Settings page to adjust values as you need.
You can now start using the plugin.