Awesome
this is no longer maintained
Concrete5 Magnific Popup Add-on Package
Dmitry Semenov's Magnific Popup Responsive Lightbox Plugin in a Concrete5 Add-On Package. Minimum Concrete5 Version for this Add-on is 5.6.0
DEMO
This Project uses the following:
- Magnific Popup http://dimsemenov.com/plugins/magnific-popup/ or @dimsemenov (https://github.com/dimsemenov/Magnific-Popup).
- Jquery VimeoThumb.js its one of the easier ways if not the easiest way to grab Vimeo Thumbnails
- https://github.com/Ideame/jquery-vimeothumb
- and of course Concrete5: http://www.concrete5.org/
This Concrete5 add-on has:
- Single Image Lightbox
- Zoom Image Lightbox
- Gallery Image Lightbox
- Video and Map Lightbox w/optional youtube or vimeo thumbnail
- Dialog Lightbox with CSS animations
- Modal Lightbox
- current version # is 1.0.0
Installation:
- clone/fork/download zip. or head over to releases (https://github.com/cdowdy/concrete5-Magnific-Popup/releases)
- unzip and move the top-level
magnific_popupfolder to[SITE_ROOT]/packagesdirectory. - In the Concrete5 Dashboard go to "Extend Concrete5".
- Magnific Popup should be waiting for installation.
To Do's
- create webp fallback images (progressive jpg/transparent png) and have them load automagically for unsupported browsers.
- css dialog support.
- modal support
- add image previews to gallery and possibly sorting order.
- move inline block javascript to footer (done! page speed rules should be a bit happier).
- fully implement CSS framework input (only does divs, probably best to leave ul's to templates).
- fig and figcaption?
-
bing maps. (added but it isnt fullscreen lightbox).Removed. it was ugly and I've gone full dumb on how to fix it. - install icon needs to be made.
- add block icon needs to be made.
- screenshots.
Screenshots
Main Add/Edit window
CSS Dialog
No CSS Output
CSS using Zurb Foundation 5 framework
CSS Output after using Foundation CSS class
Single Image Lightbox
Gallery LightBox
Zoom Image Lightbox
Video Or Map LightBox
CSS Animation
