Three simple popups with different scaling settings. 1 — fits horizontally and vertically, 2 — only horizontally, 3 — 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.
In this example lightboxes are automatically disabled on small screen size and default behavior of link is triggered.
Open YouTube videoOpen Vimeo videoOpen Google Map