/concrete5-Magnific-Popup

Dmitry Semenov's Magnific Popup packaged up into concrete5 add on block package

Primary LanguagePHPMIT LicenseMIT

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 Demo Gif

This Project uses the following:

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:

  1. clone/fork/download zip. or head over to releases (https://github.com/cdowdy/concrete5-Magnific-Popup/releases)
  2. unzip and move the top-level magnific_popup folder to [SITE_ROOT]/packages directory.
  3. In the Concrete5 Dashboard go to "Extend Concrete5".
  4. 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

Main
CSS Dialog

No Css
No CSS Output
No CSS
CSS using Zurb Foundation 5 framework
css
CSS Output after using Foundation CSS class CSS
Single Image Lightbox

Single Image

Gallery LightBox

Gallery Of Images

Zoom Image Lightbox

Zoom

Video Or Map LightBox

Video

CSS Animation

CSS Animation