Awesome Popup Effects for Pictures and Videos

Generated by Magnific Popup

Image Gallery Popup

You can use any group of images as an image gallery popup. These images must simply be grouped together in a <div> tag, with the class "popup-gallery", like this <div class="popup-gallery"><--images here--></div>

All you need to do to use these popups, is include the "magnificient-settings.js", and the "magnificient-effects.js" on your page.

More Popups!


Popup with Google Maps

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque condimentum ligula.

Ajax Popup

Praesent dictum convallis malesuada. Nullam urna dui, scelerisque vitae iaculis dapibus, malesuada at sem.

Dialog Popup

Aliquam vitae laoreet purus. Integer eget massa non dolor sollicitudin bibendum.

Dialog Popup

You can create this same effect by using adding the class="popup-with-zoom-anim" and href="#dialogId" to your link.

Want to check out more cool features?

Check out the Elements page for tons of cool features.