Magnific Popup Examples

Basic Example

Lightbox gallery

Popup with video or map

Open YouTube video
Open Vimeo video
Open Google Map

Ajax popup

Load content via ajax

Dialog with CSS animation

Open with fade-zoom animation
Open with fade-slide animation

Dialog example

This is dummy copy. It is not meant to be read. It has been placed here solely to demonstrate the look and feel of finished, typeset text. Only for show. He who searches for meaning here will be sorely disappointed.

Popup with form

Open form

Form

Lightbox has an option to automatically focus on the first input. It's strongly recommended to use inline popup type for lightboxes with form instead of ajax (to keep entered data if the user accidentally refreshed the page).


Error handling

Broken image
Broken ajax request