X3 uses the popup for galleries, but you can also use it to display images and media in your page content. The X3 popup is perfect for images, but can also be used for videos and html content.
Simply add the data-popup attribute in your link.
Include the data-popup-title attribute in your link.
Group your links into a single popup by adding them inside a data-popup-container.
Or use the "rel" attribute to group items.
You can use images in your links, which provides a nice zoom effect.
You can also group your image links.
The popup is useful for displaying videos from Youtube or Vimeo.
You can also display local-hosted mp4 video files.
You can also use the popup to display basic html content.
You can also open external websites in the popup, if allowed to load inside an iframe.
The content popup comes with plenty advanced options.
html content in popup
force image type
disable url#hash history
assign custom url#hash id
assign custom popup CSS class
assign custom CSS class for html
enable download button
disable fullscreen button
disable slideshow play button
disable zoom button
disable arrow control buttons
assign option source for zoom
disable popup loop
assign popup transition
assign slideshow transition
disable caption autohide
assign custom background color
custom background for specific image
assign background color from images
assign caption style
assign caption position
inform source img width for zoom effect
inform source img height for zoom effect
Browser Popup Window
You can also open links in brower popup windows. Although not as elegant as the X3 popup, it is more functional and has no restrictions when opening external websites.
You can also change the popup window size (does not work on mobile):
X3 gallery popups
The X3 gallery uses a slightly more advanced version of the popup.