Magnific Popup

­

Magnific Popup is developed with love by Envato top author Dmitry Semenov. The attention towards proper UX is unprecedented, you can be sure it is minimal and easy to use for everyone. This solution is for those that don't need many bells and whistles, but a performance-optimized lightbox that is great on both desktops and mobile devices. It can show all types of content, such as videos and other pages.

How does Magnific Popup look like?

Click the photos to open the lightbox!

The above example uses the following, generated shortcode (how to use):

[$justified_image_grid ids="9383,9348,9357,9389,9351,9079,9171,9121,9064" row_height=190 height_deviation=50 caption_opacity=1 caption_bg_color=rgba(20,50,101,0.4) caption_text_color=#fefab1 specialfx=captions specialfx_type=blur lightbox=magnific mobile_lightbox=no]

Special usage

This gallery shows various setups to convey that it is able to go beyond the usual thumbnail-to-lightbox photo gallery. Note the creative use of four available captions, different video options and custom link usage. Learn more about Video gallery support and Custom links.

The above example uses the following, generated shortcode (how to use):

[$justified_image_grid preset=17 ids=13905,13942,13938,13935,13947,10476,13933 row_height=220 height_deviation=30 link_title_field=caption img_alt_field=alternate caption=reverse-fade overlay=others overlay_opacity=0.4 lightbox=magnific mobile_lightbox=no]

Lightbox groups

One thumbnail can open multiple photos in Magnific Popup. It's a unique Justified Image Grid feature, everything is set up for you behind the scenes. This is possible with these sources: NextGEN Galleries / Tag albums, WP Real Media Library galleries, Facebook Albums, Flickr Collections.

The above example uses the following, generated shortcode (how to use):

[$justified_image_grid preset=20 lightbox=magnific mobile_lightbox=no last_row=center ng_tags_album=fruit,sweet ng_lightbox_gallery=yes]

 

It's truly magnific! But is it the right choice for me?

The following information will help you decide. It's an excellent choice, but consider the facts.

Magnific Popup is bundled as-is without any modification. It has one minimal style, appealing to those who are looking for a no frame look. It lacks deeplinking and social sharing. It's not possible to link to a specific image in the gallery nor share them. On the other hand, it's a solution that covers all devices because it's responsive. The video support often makes up for any shortcomings. Its JavaScript settings for advanced users are exposed in the Justified Image Grid admin area for easy access.

Pros

  • Responsive (works on all devices)
  • Video and iframe support
  • Optional animation - zoom effect for opening photos
  • 2 captions
  • Lightweight, performance-driven

Cons

  • No deeplinking
  • No social sharing
  • No themes or additional styles

Learn more about Magnific Popup on its official site!

How do the settings look like?