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!
Beautiful sunset
at a Maldivian beach
Romantic dinner
at the Maldives
Maldivian evening
at a calm white sand beach
Romantic restaurant on the beach
beautiful night seascape at a luxury resort on Maldives
Ocean wave
falling down at sunset time
Smiling blonde in bikini and sunhat
sitting on hammock with cocktail on the beach
Man holding his girlfriend
in sunglasses on a beach
Couple in the sea
both in jeans, girl holds boyfriend from the back
Handsome man with a beard
who calls that a beard
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.
- <a href="https://justifiedgrid.com/wp-content/uploads/167527802.jpg" title="Caption: you can sort any of the available caption fields to any of the offered spots in the lightbox and on the thumbnails. These can also show HTML links.">
Alternative text: this WordPress field only supports normal text.
Caption: you can sort any of the available caption fields to any of the offered spots in the lightbox and on the thumbnails. These can also show HTML links. 
Iced tea with lemon and mint on wooden table
107002484
Caesar salad
It's loaded in an iframe of the lightbox.
131770220
143438332
- <a href="https://justifiedgrid.com/?jig-video=https%3A%2F%2Fjustifiedgrid.com%2Fwp-content%2Fuploads%2F4177638.mp4&poster=https%3A%2F%2Fjustifiedgrid.com%2Fwp-content%2Fuploads%2F41776381.jpg" title="by illych on VideoHive">
Dew drops on green grass
by illych on VideoHive
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.
- <a href="https://justifiedgrid.com/wp-content/gallery/objects/food/162048119.jpg" title="how come it's so difficult to eat - Fruit, Red">
Pieces and grains of ripe pomegranate
how come it's so difficult to eat - Fruit, Red - <a href="https://justifiedgrid.com/wp-content/gallery/objects/food/193377905.jpg" title="delicious beauties on a wooden table - Sweet">
Muffins with blueberries
delicious beauties on a wooden table - Sweet
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
How do the settings look like?
Lightboxes
Lightboxes
