X3.30.0 New Popup!

How to update?

Navigate to Panel › Tools › X3 Updates See X3 Docs

New X3 Popup

At the heart of a great photo gallery website, is a popup feature for optimal image viewing. In this release, the X3 popup has been optimized and re-designed with many new features, including transition options, caption styles and a new play-slideshow button.

Popup demo

• Optimized 
  The popup has been entirely re-coded for modern browsers, with hundreds of optimizations, essentially improving functionality and performance across all devices.
• Upgraded interface
  The popup interface has been re-designed with new sharp icons, a spacious topbar using gradient background, new arrow-control buttons and improved captions.
• Transitions
  Added a handful of new popup slide transitions, including a new default glide transition with reduced motion. You can also create your own transitions with the new "custom" option.
  slideglidefadezoompopelasticwipecustomnone
  * For effective viewing, transitions are ignored when fast-navigating between slides in less than 0.3 seconds.
• Caption styles
  Added several new caption styles, allowing you to select an appropriate style based on your images and the amount of text in your captions.
  blockboxsubtitlesgradienttopbar
• Caption positions
  New caption align options which can be combined with the new caption styles.
  leftcenter-leftcenterright
• Caption lock
  New caption lock-button allows locking the caption visible on screen while navigating images.
• Play slideshow
  New play-button allows auto-playing slides in the popup at assigned interval (5s). Can be disabled from popup settings, where you can also assign slide interval demoforum
• Download button
  New optional download-button available directly from the topbar demo
• Background color from image  Cool
  New option to dynamically assign popup background color from each image demo
• Hidden scrollbar
  Distracting browser scrollbar (Win OS) is now automagically hidden when opening the popup.
• Custom content popup
  Custom popup links re-coded with same features and options as gallery popup more

  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 optional 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
  

• New cool preloader icon
• Improved video support more
  • Auto-detect video uses the video tag for an improved popup interface.
  • Automatically stops any playing video on popup slide change.
  • Popup interface adjusted to allow video controls.
  • Videos are not scaled beyond original dimensions.
• Spacebar key toggles popup interface visible.
• Assign popup background color and opacity on a per-page basis hotpink
• Almost all popup options can now be set on a per-page basis from Page › Gallery › Popup.
• Improved support for dual-input devices (touchscreen and mouse).
• Popup url's now simply use #pid=filename.jpg instead of #&gid=1&pid=filename
• Transitions now work between last and first slide.
• Caption transitions with option to disable.
• New gallery caption items "filename" and "filename_ext" forum
• New popup caption option "filename" (without extension).

X3 Interface language Beta

Translations for interface texts like "Images" and "Folders" are now automatic based on browser-language. For example, visitors on German-language browsers will automatically see "Bilder" and "Galerien" forumforumforumforum

• Added basic interface languages 🇩🇪 de 🇬🇧 en 🇪🇸 es 🇫🇷 fr and 🇮🇹 it.
• Automatic translations based on visitor browser language.
• Default language can be assigned from Settings › Advanced › Interface language.
• Disable browser auto-language from Settings › Advanced › Auto Language.
• Easily override translations by editing /app/public/lang/*.css or from custom CSS.

If you want to contribute improvements or new translations, please see this forum post.

Bugs fixed

• Fixed a bug with image resizing when memory_limit is set to -1 (unlimited) forum
• Fixed a bug with justified gallery layout when using sidebar-layout forum
• Fixed a bug with some images that become corrupt when saving captions to IPTC forum
• Fixed issue with missing logo in sidebar-layout on large tablet (eg. iPad Pro) forum
• Fixed so text in topbar mega menu wraps to new lines forum
• Fixed "active" menu highlighting when folder names contain unicode (üáö) forum
• Fixed a bug when navigating images in the X3 popup from dual-input devices forum
• Fixed a bug where popup zoom was not loading large image version forum

Happy updating 😎

Popup gallery

Enjoy the beautiful images below from the new X3 popup!