Download
Magnific Popup is a responsive lightbox & dialog script with focus on performance and providing best experience for user with any device. You may put any HTML content in each gallery item and mix content types. Three simple popups with different scaling settings. Fits horizontally and vertically, only horizontally, or with no gaps, zoom animation, close icon in top-right corner. If you wish to open the popup only after image is fully loaded, you may preload image via JS. Or use scaled down image instead of thumbnail. Zoom effect works only with images, for now. Animations are added with simple CSS transitions, you can make them look however you wish. Entered data is not lost if you open and close the popup or if you go to another page and then press back browser button. You have full control of what is displayed in popup, align it to any side via CSS, enable or disable scroll on right side of window, whatever.
Features
- Feel free to use relative units like EM's or resize lightbox with help of CSS media queries
- Magnific Popup displays images before they're completely loaded to take full advantage of progressive loading
- You can choose to include only the features that you need using the online build tool or by compiling it yourself with Grunt.js
- Default controls are made with pure CSS, without external graphics
- Plugin has an option to automatically switch to alternative mobile-friendly source on small screen size
- Popup has an extendable micro templating engine that reuses existing DOM elements
Project Samples
