X3.30.0 New Popup!
In this release, the X3 popup has been optimized and refreshed with a new interface design, improved functionality and many new features.
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.
- 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. * 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. - Caption positions
New caption align options which can be combined with the new caption styles. - 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 morehtml 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!