Popup Links
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.
Image
Simply add the data-popup attribute in your link.
imageTitle
Include the data-popup-title attribute in your link.
titleGroups
Group your links into a single popup by adding them inside a data-popup-container.
Or use the "rel" attribute to group items.
ocean 1
ocean 2
ocean 3
Image Links
You can use images in your links, which provides a nice zoom effect.
You can also group your image links.
Youtube
The popup is useful for displaying videos from Youtube or Vimeo.
YoutubeVideo mp4
You can also display local-hosted mp4 video files.
videoHtml content
You can also use the popup to display basic html content.
htmlWebsite
You can also open external websites in the popup, if allowed to load inside an iframe.
bbc.comAdvanced options
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
disable caption
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.
Flamepix.comYou can also change the popup window size (does not work on mobile):
Flamepix.comX3 gallery popups
The X3 gallery uses a slightly more advanced version of the popup.