Description
The Fancybox skin combines the popular Justified-Gallery type of grid (images maintain their aspect ratio, and are resized to have the same height, it is also used by Flickr) and the fancybox-3 light-box script. See http://miromannino.github.io/Justified-Gallery/ and https://fancyapps.com/fancybox/3/
It is also possible to select a masonry layout for the thumbnails in the gallery. The skin contains many options to which allows you with possible extra files in the output directory to adapt it to your needs.
Like the Slide Show 4, the LightGallery skin and the PhotoSwipe skin, it is a small single page html5 compliant skin which gives maximum attention to your photos, because it will fill your screen with your photo, by adapting the image size to the screen size of your tablet or computer. The focus is not lead away by other small pictures or text (except the optional image captions).
There are several options to create the theme image and the album title may be displayed at any place in the theme image or above the theme image.
It is also possible to put the album description and / or the link-buttons and / or the audio controller with or without the music name in a theme image.
There are three types of background theme images: a fixed and a non fixed background image and a full screen background theme image with a parallax effect.
You van add your own code via inc-files and by inserting html and/or css code on the 'custom code' page.
You can use the *freefind* search engine to serach in a tree of albums.
Navigation and control is possible via buttons, via the keyboard on a PC and via one finger swipes on the iPhone or iPad and other touch screen devices. The buttons at the top of the index page are optional and can be hidden or displayed by clicking the theme image or the album title.
Navigation on the slide page: Swipe left / right to the next or previous image, spread to zoom in, swipe up or down to close the slide page and return to the index page.
The skin has a responsive layout of the thumbnails gallery: it make an elegant image gallery with the Justified Gallery library. A Justified Image Grid respects the original aspect ratio, no detail is lost due to cropping. It is also possible to display the thumbnails in a grid without the use of the Justified-Gallery.
The height of the thumbnails can be selected as a % of the screen height.
Seven transition types are selectable by the viewer. Several other settings can be changed by the viewer like the button size and the font size, which is is useful for small devices like an iPhone and in case you have troubles reading small letters. It is also possible to change here the viewing time, the transition type and transition time for a slide in the optional slide show presentation and the viewer can decide to show the Slide image always in fullscreen mode The slide show can be started from the slide page, from the index page and fully automatically, where the index page is skipped.
This skin can handle large image descriptions on the slide page: the description can be displayed below the image with a 'more info' text-link which displays a longer description below the image or in a new modal window. It is also possible to display long descriptions in a side panel right of the image
You can use plain text or html code both in the album description and in the slide descriptions.
Via 7 optional links on the index page, displayed as standard text buttons, as icon buttons, in a tool-bar or in the menu-bar at the top of the index page, you can add links to other albums or web-pages in a new window or in the same window. You can also display a web-page in a frame on the index page. The optional responsive menu-bar can be replaced by a Hamburger button on small devices.
Optional Facebook.Twitter, Pinterest, WhatsApp and email 'Share' button on the index and slide page and each slide has an optional 'Download' link.
An album may contain a mix of photos and movies.
jAlbums web-locations are supported:
You can make a top album of albums or display the web-location in the slide page.
It is also used to show YouTube or Vimeo videos. Videos can be started automatically (if supported by the browser).
If GPS information is available in a photo, the location can be displayed in Google Maps or OpenStreetMap.
Use my program MakeMap to display the photos in a Google Maps or Google Earth map or OpenStreetMap. ith links to the slide pages.
If the album contains wide (panorama-) pictures, an expand icon is added to the tool-bar on the slide page, if check-mark 'Spherical Panoramic image' or 'Cylindrical Panoramic image' in the Panoramic image panel for an image has been set. For a 360° cylindrical panorama, you should set also set check-mark '360° panorama', in that case you can endless scroll through the panorama. If you set the 'Spherical Panoramic image' check-mark, the panorama can be viewed in Jérémys Photo Sphere Viewer.
The slide page can be embedded in a web-page without the use of an iframe or JSON data.
The fancyBox-3 library is licensed under the GPLv3 license for all open source applications.
A commercial fancyBox license is required for all commercial applications (including sites, themes and apps you plan to sell). More information on the “About” tab.
Features
- Created
- Jun 11, 2018
- Last updated
- Oct 22, 2024
- Homepage
- Usage
-
Commercial use is allowed only if you pay a 3rd party license and have a jAlbum Pro license.Modifications of the skin are allowed.
Releases
4.5.7 Oct 22, 2024 (current)
Styles improved for Bootstrap menu.
If check-mark 'Show shadows of panels on the index page' is checked, the panels get a border.
Previous versions
4.5.6 Sep 25, 2024
If check-box 'Stop after the last slide' is set and it is an album with folders:
If the slideshow is ready with the last slide, the next index page will be shown.
If however also the check-mark 'Skip thumbnails pages' has been set, the start page wlll again be displayed.
Bug fixed: there was a crash on a PC if the Google Maps route map was displayed and check-mark 'Show current location in Google Maps on mobile devices' was cleared.
For sharing a slide page, an unique link is now generated for each slide page no matter how you sort the images. It has the same format as used by the Tiger skin, like 'album_dir/#img=Vecht_121027'
You will not see this format in the URL field of the browser, there you still see the format 'album_dir/#S-3', but if you put a new image before the shared image and you enter the shared URL 'album_dir/#img=Vecht_121027' in the UL field of the browser, the same shared image will be displayed.
If you click the Share button, both the link to the slide image and the link to the slide web page will be copied to the clipboard:
https://andrewolff.jalbum.net/FB/slides/Vecht_121027.jpg | https://andrewolff.jalbum.net/FB/#img=Vecht_121027 |
4.5.5 Sep 12, 2024
New button in a Google Maps route map; to show my position (works only if check-mark 'Show current location '... on the Map tab has been set).
More info at https://andrewolff.blogspot.com/2024/09/how-to-view-your-current-position-in.html
4.5.4 Aug 13, 2024
If check mark "Add canonical link" on the Custom code page has been set,
a "canonical" link will be added to avoid the Google Search Console message "Duplicate page without user-selected canonical version".
Bug solved: if the title was displayed in a thumbnail, the thumbnail was not correctly displayed.
The Next / Previous album buttons buttons are now only displayed if such an album exists.
4.5.3 Jun 12, 2024
Coding of the profile image dimension improved.
Click on the profile image to see a large profile image.
4.5.2 Apr 22, 2024
After rotating an iPad, the slide page did show up incorrectly. This has been solved in this version.
An openstreetmap.svg icon has been added to the possible buttons.
It is now possible to replace a button icon with another icon with the same name in the optional root res directory in the image directory.
If the Google Earth link is not equal to "map.kml" the openstreetmap.svg icon will be showed.
4.5.1 Nov 7, 2023
See https://andrewolff.blogspot.com/2023/11/new-skin-versions.html
4.5.0 Sep 27, 2023
New check-box "After the theme image" on the footer page after "The text and/or HTML code below is inserted after the buttons and before the Profile image or", used to display a slide show or movie instead of a theme image. More info: https://andrewolff.blogspot.com/2023/09/how-to-use-video-or-slide-show-instead.html
Modal windows are now closed before a next slide is shown or before another modal window is shown.
The background around the menu and below the menu-items is now transparent, it is advised to choose a non-transparent menu background color.
The background color of the Hamburger menu is now equal to the menu bar background color. Space added before and after the Google Translate text. In the menu.
Menu colors corrected in styles Black. Gray. Light and Gray-Textile.
Bug with the Arrow Up key repaired.
Bug in Google Translate function repaired.
If index page was skipped, the info window at startup disappeared. This has been corrected.
4.4.3 Aug 14, 2023
The text 'Show print button' on the skin General tab replaced by 'Show print button in modal windows'.
If there is no tool-tip defined for an audio player, (user variable audiHint) the track file name is showed as tool tip.
The background color of an audio control changed to the background color of the light-box buttons, but the effect depends on the used browser and OS.
New check-box 'Fix the menu at the top of the page' on the General page. If set, the menu on the index page stays at the top of the page if you scroll the index page upwards.
Google Translate code improved.
Bug fix: menu was displayed in the light-box.
The E-key to show the Exif photodata works now again.
4.4.0 Jul 31, 2023
Google fonts are loaded faster and replace font changed from serif to sans-serif.
New combo-box to select the font-weight for other text.
Slide caption uses now the body font-weight and replace font changed to sans-serf
The Info window, the modal ... more info widow and the Share window comes now on top of the slide or index window.
Share modal window improved.
The Viewer settings window is now a normal modal window.
The Exif button on the slide page shows now the Exif photo data in a modal window.
Keybord shortcut 'E' opens and closes the EXIF modal window.
Keybord shortcut 'S' opens and closes the Share modal window.
Keybord shortcut 'V' opens and closes the Viewer settings window.
Keybord shortcut 'M' opens and closes the More info modal window.
Keybord shortcut 'I' opens and closes the Info modal window.
Keybord shortcut 'L' opens and closes the Location(s) window.
Keybord shortcut 'Z' opens and closes the panorama viewer window. (
Clicking outside a modal window closes that modal window.
The buttons in a panorama viewer do use now the same background color as the slide arrow buttons.
The 'Transition effect' and 'Transition time controls are moved to above the 'Slide show parameters' group, because these controls are also used if no slide show is selected.
Check-box 'Start slide show automatically if index page is skipped' has been moved out of the 'Slide show parameters' group and is now always disabled if check-mark 'Skip thumbnails pages' has been cleared.
4.3.0 Jun 22, 2023
Styles 'Blue', 'Soft' and 'Sand' added and other styles improved.
The default value for check-box 'Show current location in Google Maps on mobile devices' is now cleared.
Google Translation can now be added with 2 new check-boxes:
'Add Google Translate button' and 'Use default position for this button code: <div id="google_translate_element"></div>'.
All skin language files automatically updated with the new Google Translate function of jAlbum
4.2.1 May 9, 2023
It is now possible to use a relative font-size (‰ of the view-port height) for the text in the theme image.
The audio hint display background color copies the background color of the album description only if it is displayed in the theme image.
4.2.0 May 7, 2023
Three check-boxes added to the Theme image tab, to make it possible to display the album description and / or the link-buttons and / or the audio controller in all types of Theme images. These check boxes do overrule the "Show these links and the album description above the thumbnails" on the Links tab and "Show audio player above the thumbnails" on the Music tab. Also added next to these check-boxes a font-color selector for the album description and a Spinner for the vertical position in the Theme image.
New check-box 'Parallax theme image' added to the Theme image tab.
There are now 3 types of background theme images:
If 'Parallax theme image' is set, a full page theme image is used. If you scroll-up, the theme image and the thumbnails scroll up at different speeds.
If 'Fixed theme image' is set, the theme image is fixed to the top of the window. If you scroll-up, the theme image stay fixed and and the thumbnails scroll over the theme image.
If both check-boxes are cleared, the theme image and the thumbnails scroll up at the same speed and the thumbnails will not cover the theme image.
The audio hint display background color copies now the background color of the album description.
A problem with the panorama expand button on the slide page has been corrected.
4.1.1 Apr 7, 2023
Bug fix: If on the Index page tab 'Show never' was selected for the Top row of buttons and on the Links tab check-mark 'Show Viewer Settings button' was selected, the viewer settings could not be opened.
4.1.0 Mar 27, 2023
The current location is now displayed as a blue circle in a Google Maps map on a mobile device if check-box 'Show current location in Google Maps on mobile devices' on the 'Map' tab has been checked.
Note that the geographic location of a user will only display if he or she has allowed location sharing, so for example: if you use the Safari browser on an iPhone, you should open 'Settings' and select the 'Privacy and security' and next the 'Location Services' and check that for 'Safari-sites' check-mark 'When using app' is checked.
If you display a route track in a FancyBox album and you open that track with the Google Maps button on the index page, the current location will be updated each 5 seconds, so you can now follow the route on the map: move in such a way that the blue circle coincides with the track. On the bottom you see a 'Center' button, which can be used to center the current location in the map.
4.0.6 Mar 8, 2023
Bug fix: If the 'folder box width' was > 0 and no 'Fixed-shape thumbnails' were selected, the displayed folder thumbnails were too large.
Dummy callback function added to prevent console message "Loading the Google Maps JavaScript API without a callback is not supported".
Bug fixed in Groovy conversion:
If fixed-shape folder thumbnails were used, the displayed folder thumbnails were too large.
4.0.5 Mar 7, 2023
Dummy callback function added to prevent console message "Loading the Google Maps JavaScript API without a callback is not supported".
Bug fixed in Groovy conversion:
If fixed-shape folder thumbnails were used, the displayed folder thumbnails were too large.
4.0.3 Dec 5, 2022
If he Lightbox was closed via the Esc key, sometimes a white rectangular was visible around or above the thumbnail of the closed slide image.
FancyBox replaces anow again a line-feed with <br> in a slide description
4.0.1 Nov 10, 2022
Skin converted from BeanShell to Groovy
It is no longer possible to make links with the [text](URL) code.
Bug fixes: the Bootstrap Menu works again.
3.8.7 Nov 1, 2022
OpenStreetMap template page added.
Full screen button added to the Google Maps template page.
3.8.6 Oct 22, 2022
Bug fix: If the location was displayed, the 'Zoom level' parameter on the Map page was not used.
New check-mark 'Use OpenStreetMap' on the Map settings tab, makes it now possible to show the location of a picture in OpenStreetMap, which requires no API key. Use program MakeMap to make an OpenStreetMap for the route.
3.8.5 Oct 15, 2022
The transition time used for the slide show transitions is now also used for the animation you see if you open and close the light-box.
Tab name 'Web page' changed into 'Custom code'.
New text area added to the 'Custom code' tab to add extra options or overrule existing options for the light-box.
'Fixed res path' panel removed from the 'Custom code' tab.
Audio control width enlarged in 250px to show the mute button.
The history.txt file can again be read in jAlbum 29.
All error message do start now with '***'.
3.8.4 Sep 22, 2022
Version 3.8.4 September 21, 2022
If you set on the slide page options tab parameter "Show description in side panel .." and you view the album on a mobile phone in portrait mode, the caption in not displayed in the side panel, but below or partly in the image.
The extended More Info block will now be closed if you click in it.
User variable “sound” is no longer supported, replaced by the new jAlbum audio clip feature.
The audio clip control is now displayed in the info bar and displays tippy hints if enabled.
An error message is now given in the console window if a theme image could not be read.
The text of check-box 'Open first slide automatically' has been changed into 'Skip thumbnails pages'.
If this check-mark has been set, index pages with only folder thumbs will not be skipped.
This allows you to work without thumbnail pages and use instead a thumbnails strip on the slide page, see the 'Sample album without thumbnails pages' demo album
The text of check-box "Use left-aligned text (recommended for HTML editor)" has been changed into "Use left-aligned text (recommended for side panel and HTML editor)". This determines now also the alignment of text in a side-panel.
Bug fixes:
If the info window was showed after the album was opened and the index page was skipped, a slide-show was not started if the Slide page option 'Start slide show automatically' was set.
The link to home and next album from tool-bar did create two windows.
3.8.3 May 9, 2022
The navigation bar for a spherical- and for a cylindrical-panorama fades now in and out.
Bug fix: The Spherical Panorama Viewer could not be used in a folder album.
3.8.2 May 5, 2022
Version 4 of the Spherical Panorama Viewer library is now used.
Spherical panoramas are now always opened in the lightbox without previews.
Spherical panoramas will only be opened in the Spherical Panorama Viewer if check-mark ''Use Spherical Panorama Viewer" is set. A warning is given in the system console if a spherical panorama is detected and check-mark "Use Spherical Panorama Viewer" is not checked.
Audio clips can be added with user variable audioImg, and also, if you have jAlbum version 28 ,with the Audio clip menu. Sadly, it is in that menu not possible to enter an hint for the audio control, to show the title of the clip or show a mandatory copyright statement. You have to do the with user variable audioHint.
An audio file started in the index page is now paused in the lightbox if there are audio clips played in the lightbox.
3.8.0 Mar 30, 2022
You see now sharper shadows if you select check-mark 'Show shadows in title ...' in the 'Album title in theme image' group of the Index page / Theme image tab.
For jAlbum version 27 the width and height fields behind the Fixed-shape folder thumbnails check-mark are no longer displayed in the Folders tab.
These values are now copied to the Folders bound field on the jAlbum image tab if check-mark 'Process folder thumbs' is cleared.
For folders you should now always set check-mark 'Process folder thumbs' and enter the folder image bounds in the 'Folders' image bounds field.
This allows you to use much larger folder icons as before version 27 and if you use fixed-shape folder thumbnails you can use the 'Crop focus' function by clicking with the right mouse button on a folder thumbnail and selecting next 'Set crop focus ...'.
More info in the skin user manual.
3.6.8 Oct 23, 2021
The info window displayed if the album is opened is now again correctly working.
3.6.7 Oct 17, 2021
Bug fix: if in a map a comera icon was clicked, the corresponding slide page was not opened.
3.6.6 Oct 12, 2021
The first line in file text.properties was corrupted and has been repaired in this version.
3.6.5 Oct 10, 2021
New check-box on the Index page / Folders tab: 'Show comment as hint'.
Gallery type Justified Gallery uses now the same values for the Thumbnails border width, border color, space to border and radius as the other two gallery types.
Justified Gallery thumbnail caption shifted in case borders are used.
Masonry Gallery code improved, relative size is no longer supported and if 'Desired # Masonry gallery columns' is 0, the number of columns is automatically adapted for the used device. Both the horizontal and vertical gap between the boxes in a Masonry gallery is determined by the 'Thumbnails horizon margins', so you can make the 'Thumbnails horizon margins' 0, unless you like a larger vertical gap between the boxes. If the Masonry gallery has been selected, the setting of check-mark 'Compress panorama thumbnails' is ignored, panorama thumbnails are never compressed in this case.
3.6.4 Sep 3, 2021
Check mark 'Disable viewer settings' and the 'screen height' field on the Index page / Folders panel are now again correctly working.
In small windows, the contents of the info bar will no longer overlap the tool bar buttons.
New field "Left / Right page margins: " which controls the swipe margins.
Text shadow for the title in image improved, so the titles are now sharper with shadows.
Swipe left / right works now too if the top buttons are never shown.
Two new buttons added on the link tab: "Show Help button" and "Show Viewer Settings button", to be used if no top-buttons are used on the index page.
A new check mark "Start slide show automatically" allows you to prevent that the slide show is started automatically if check mark 'Open first slide automatically' is set.
3.6.1 Jul 26, 2021
New version of the screenfull.js library v5.1.0 - 2020-12-24 which works also on an iPad with the Safari browser.
French text strings added, thanks François Roy!
3.6.0 Jul 1, 2021
SrcSets have now been implemented, requires jAlbum 24. It defines multiple sizes of the same image, allowing the browser to select the appropriate image source for the used device.
Fall-back ofo unsupported WebP made via modernizr, code only added if required.
If a theme image filename has been given, but this file does not exists, a warning is given in the console window.
User variable 'sound' is no longer usable, instead pup an audio control block in the caption.
The music was not correctly implemented if check-box "Play this track also in folders except ..." was checked.
All files in a sub-folder 'out' will be copied to the corresponding output folder, however you have to exclude all 'out' folders yourself.
Bug fix: Download function without originals did propose the wrong file.
3.5.2 May 3, 2021
New '"Native font stack"' font, as used by Bootstrap added, see https://getbootstrap.com/docs/4.0/content/reboot/
Function initExtra, which executes the js-code defined on the 'Web page' tab is moved more to the end $(document).ready(function().
Variables like ${currentDate} in user text is converted in the 3 footer fields, in the description and in the html code field, both for the root and the folder albums.
The MoreInfo new window for an extended slide caption and the index page infoWindow shows now a Print button if the new check-mark 'Show print button' on the 'Index page / Info Window' tab has been set.
The text or html code created on the 'Index page / Footer' tab and in the FancyBox folder panel shows now a Print button if the new check-mark 'Show print button' on the 'Index page / Footer' tab has been set.
Folder tiles do get now the title as title and alt attribute.
The common settings for the 'Info Window' and 'More info' window are now grouped in a new controls group with the title "Next settings are used both for the 'Info Window' and the 'Slide page - More info' new window".
Animated GIFs are now supported, but only if you check check-mark 'Copy originals if needed' on the jAlbum 'Pages' settings tab.
Bug fix: If the title was above the theme image, the title was not centered if the tool-bar buttons were displayed after clicking on the title.
3.5.1 Apr 13, 2021
The <title> tag of a folder album shows now the title of the folder album instead of the main album title.
New javascript variable absolutePath introduced in the top of the <head> section. It gives the URL of the (folder-) album and it can be used in HEAD code block on the 'Web page' tab.
3.5.0 Apr 11, 2021
In this version allows more customization via new fields on the 'Index page / Folders' tab and the 'Web page' tab:
Two new text boxes on the 'Index page / Folders' tab allows you to add HTML code to be used in the menu bar, for instance to add a search box.
These HTML area are labeled: "The code below is inserted before the first item of menu bar on main index page (Only HTML)" and "The code below is appended after the last item of menu bar on main index page (Only HTML)"
New check-mark "Insert this code only in the main (top) index page" on the 'Web page' tab, allows you to use the "HEAD"code on the Web page tab also in the folder albums.
New text box for js-code on the 'Web page' tab with label "The javascript code below is inserted into method $(document).ready(function()".
Above this text box is also a check-mark "Insert this code only in the main (top) index page" allows you to use the js-code also in the folder albums.
New text box on the 'Web page' tab to add extra js code modules at the end of the index page. The js-modules are separated by a comma. Load these modules in the res folder in the image directory.
Javascript variables standardFontFamily and standardFontSize have been added to file slidePar.js in case font information is required in the customization, like the styling of a Google Translate combo box.
If 'Allow swipes' on the 'Index page / General' tab is equal to 'Nowhere on the index page' or 'On the theme image only' or ' Enable vertical swipes on the index page' is cleared, the thumbnails and album description uses the full width of the index pages. This gives a better layout on phones in portrait mode. Masonry column calculation adapted for this change.
The extra condition 'if screen height < xxx px' behind 'Allow swipes:' on this tab has been removed.
If a Google Translate combo box was used, the template files were not translated. This has been repaired by adding the optional "HEAD" section code and page-header_all.inc code to the template files.
If check-mark 'Show shadows of panels on the index page' has been set, the left and right margins around these panels are enlarged if required to show the full shadow on the right side.
In the contact.htt template file all http: strings replaced by https: strings.
Some minor bug fixes.
3.4.1 Mar 25, 2021
If a hint for a thumbnail did contain only spaces, an empty hint was shown. This is corrected.
The alt attribute for a thumbnail is now equal to the title attribute, except if a Justified Gallery caption is requested but not available in which case the alt attribute is empty.
If user variable 'alt' is defined, the contents of that variable is used as alt attribute in a thumbnail instead of the title attribute.
Superfluos br-tags removed from the thumbnail hints.
Some html code windows enlarged.
To prevent that the Freefind engine indexes menu text, the menu is enclosed by
<!-- FreeFind Begin No Index --> and <!-- FreeFind End No Index --> tags.
3.4.0 Feb 17, 2021
Three new browse buttons added to the FancyBox custom panel for folders.
The normal menu can now also be aligned Left, Centered and Right, the Menu is no longer limited to 90%.
New check-box added to the Music tab: "Show audio player above the thumbnails". If set, it is easier to start/stop music tracks on mobile devices.
Solved: The html validator did give warnings if Justitfied-gallery and Masonry was not selected.
The system generates now a warning:
'You should re-arrange your images and/or videos in folder xxx, so that the folders are located after all normal images and videos in the jAlbum Explorer'
if in the Explorer the folders are not at the end of all displayable items.
Scrollbar in slide page removed if Chrome is used on a PC.
3.3.0 Feb 3, 2021
New check-mark "Show the audio hint above the audio player" on the Music tab. If set, the audio tool-tip will be displayed above the Audio player.
Audio player code improved for the html validator.
The default track check-mark text is changed into "Play this track also in folders except if a track is defined in the FancyBox panel for a folder", the function is also changed.
The FancyBox custom panel is extended with two text fields: "Audio file:" and "Audio tooltip:" which allows to define these items per folder.
Panorama tables were generated if no panorama was used, this has been corrected.
Defaults strings 'map.kml', 'tracklog.zip' and 'MoreInfo.html' removed from the SkinModel.java file.
3.2.0 Jan 31, 2021
The setting of check-mark 'Start the music automatically ...' can no longer be overruled in the Viewer settings window; the question 'Disable music autoplay' has been removed from the Viewer settings window.
3.1.0 Jan 26, 2021
The profile image can now be enlarged to the MaxWidth by clicking on the image.
An extra padding of 10px added at the bottom of the theme image.
Menu limited to 90% so that all items of the most right item are better readable.
With the Music.htt template file it is now possible to compose a play-list of 3 audio files.
Problem solved: if field 'Move title above theme image if view-port width<' on the Index page / Theme image tab was empty, there was a problem.
Text correction in the FancyBox folder panel.
3.0.0 Dec 21, 2020
We use now a compiled GUI which requires as minimum jAlbum version 20.3
It is now also possible to download GPS tracks as GPX-files.
The new window check-mark for the download GPS track URL has been removed. Instead of GPS-tracks you can use the 2nd link also to download any file type.
In the panoramic image custom panel, renamed to FancyBox panel, the panorama fields are only enabled for an image.
If you hover on a folder thumbnail and choose 'More...' and 'Edit' and next open the skin panel on the right you can enter text for in a folder album:
The name of the GPS track log file (ZIP- or GPX-extension),
an URL for the 'More info' button and text and
HTML-code to be inserted after the buttons and before the Profile image.
Help page added for the new FancyBox panel.
New FancyBox user manual, where information for the Slide Show 4 and PhotoSwipe skins have been removed.
If check-mark 'Album of albums' was set and there where not only web-locations in the album the close tags of a thumbnail were sometimes incorrect and panorama images were not correctly displayed.This is partly solved: this is only possible if the web-locations are the last images in the album, all 'normal' images should precede the web-locations. The panorama viewers do not show next and previous image buttons.
If 'Link to originals' is used for spherical panoramas, the originals should not be too large, otherwise nothing is displayed (in particular on mobile devices): 9MB was OK, but 20MB was too much. The same limits hold for the images in the slides folder if 'Link to scaled-down images only' has been selected.
2.5.2 Nov 27, 2020
This is the last non-compiled version which requires as minimum jAlbum version 15.3
If a web page, like the About page, is hidden, it is not showed in the menu, but you can still view that page if you implements a link to that web page in the Links tab. This requires jAlbum version 22.2b12 or later version.
You can now also select the keywords as hint for the thumbnails.
The prefix text for keywords on the slide page can now be adapted by the user.
New check-mark "Reverse title color based on Background color" on the Index page / Theme image tab, to make the title readable in all type of theme images.
2.5.1 Oct 28, 2020
The infobar in the upper left corner has now the same colors as the toolbar in the upper right corner and the navigation arrows.
The infobar and slide borders were influenced by the old FancyBox defaults style button, this has been corrected.
Check-box 'Minimal display time infobar, toolbar and arrow buttons:' is now disabled if the Side panel is used.
Some texts on the Slide page layout page have been improved and more controls are disabled if required.
2.5.0 Oct 26, 2020
All styles improved and two new styles added: Dark and Light.
Check-box 'Use fancyBox defaults for the slide page' renamed into 'Show description in fancyBox default gradient bar' and moved to the 'Show as description in the bottom caption bar ..' panel.
The new spinner 'Minimal display time toolbar:' on the Slide page options tab determines the minimal time you see the toolbar on the slidepage (0 means don't hide the toolbar).
More compact code if the Panorama viewer is not used.
2.4.0 Oct 14, 2020
New check-box "Show location in a new tab (works also locally and no Google Maps API key is required)" added on the slide page options tab. If set the location will be shown in Google Maps in a new browser tab. This is also done if no Google Maps API key is defined.
The jAlbum pages rows/columns settings group has been disabled.
Skin properties corrected.
Most group-panels are now extended to the right window border.
2.3.1 Sep 23, 2020
New check-box "Show exposure date in the upper left corner" on the slide page options tab. If set the original image or video date will be displayed in the upper left corner of the slide page. The format of the exposure date depends on the contents of the Date format field of the Advanced / General settings tab. It works for videos only with jAlbum version 22.0.3 or later
With new check-boxes 'Exposure date' on the Index page / General tab, it is also possible to show the exposure date under the thumbnails or as hint on the index page.
The HTML editor can now be used in the About, About Album, Music and Empty Page template files and also for the Skin InfoWindow and Footer fields (requires jAlbum 22) .
Video overlay icon video-icon.svg was missing, added again.
2.3.0 Sep 2, 2020
New check-mark "Replace Up-arrow button by Home button" on the Links tab for replacing the Up-arrow button by the Home button on the top page of the album.
Some buttons redesigned, like download GPS track and Download photo.
New check-boxes "Use left-aligned text (recommended for HTML editor)" for album and slide description and for the middle footer text
Album title items grouped in a panel on the Index page / General tab.
Album description items grouped in a new panel on the Index page / General tab.
Layout of some skin tabs improved.
Template files About.htt, About_album.htt, empty-page.htt and Music.htt are changed so that the spellings-checker can be used.
Multiple [link text](URL) code in the text block before the profile image is now processed.
New text area field on the 'Web page' tab for code to be inserted at the end of the”HEAD” section of the main index page (Only HTML).
Some bug fixes.
2.2.0 Aug 3, 2020
The 'Vertical position' on the 'Index page' / 'Theme image' tab refers now to the bottom of the folder / album title, if the value is > 50%. This improves the display of a title near the bottom of a responsive theme image in albums with folders and variable theme heights.
It might be required to adapt the vertical position if you did use already a value > 50% in a previous version. For values <= 50% the vertical position still refers to the top of the folder / album title.
If neither the Justified Gallery nor the Masonry Gallery is used, it is possible to select the vertical alignment of the thumbnails with the new combo-box "Thumbnails vertical alignment:" on the Index page / Thumbnails tab.
It is now possible to select the vertical alignment of the folder thumbnails with the new combo-box "Folder thumbnails vertical alignment:" on the Index page / Folders tab, but you see this only if the Folder box height is undefined (empty)
By checking the new "Fixed-shape folder thumbnails" check-box on the Index page / Folders tab, it is now possible to to use fixed-shape folder thumbnails.
Bug fix: The Theme image shows now again a shadow if this has been selected by the user.
2.1.2 Jul 4, 2020
Bug fix: if the theme image was used as background image, clicking the theme image did not toggle the top buttons.
2.1.1 Jul 1, 2020
It is now possible to define the font size of the title in the theme image, not only in absolute pixel units, but also in relative ‰ units. The font size is in that case a ‰ of the view port width, so the title shrinks if the view port shrinks.
To avoid problems with very long album titles on small devices, the position value of the Title refers now to the top of the Title.
Bug fix: after a refresh of a local album with the title in the theme image, the title did sometimes disappears.
Some ode improvements.
In the Black and Gray styles was the text under a slide unreadable, this has been corrected.
The side-panel comments are now working again.
If you update an album which displays the title in the theme image, you have to update the Font-size and the vertical position.
Some svg icons improved.
2.1.0 Jun 30, 2020
It is now possible to define the font size of the title in the theme image, not only in absolute pixel units, but also in relative ‰ units. The font size is in that case a ‰ of the view port width, so the title shrinks if the view port shrinks.
To avoid problems with very long album titles on small devices, the position value of the Title refers now to the top of the Title.
Bug fix: after a refresh of a local album with the title in the theme image, the title did sometimes disappears.
Some ode improvements.
In the Black and Gray styles was the text under a slide unreadable, this has been corrected.
The side-panel comments are now working again.
If you update an album which displays the title in the theme image, you have to update the Font-size and the vertical position.
2.0.0 Jun 23, 2020
In this version the possibilities of the theme image has been extended and improved:
New layout of the Index page / Theme image tab where more properties of the album title in the theme image are defined on this tab, like the title font-size,
the title color and possibility to apply shadows in the title.
The algorithm of the position calculation both for the title and the optional theme image icon has been improved. The position values of both the Title and the Theme button icon refers now to the middle of the Title and the Theme button icon.
If you update an existing album with this new version, it might be required to adapt the position and/or font-size values and/or the color settings.
New combo-box "Horizontal alignment:" added to position the title centered, left or right in the theme image.
Checking the new check-box "Move title above theme image if view-port width <" makes it now possible to prevent that the title in the theme image is unreadable in small view-ports. Notice that in that case the title font-size, the color and the shadow is defined on the General tab and on Index page /
General tab.
The Top range of the Theme image icon increased from 400 to 900 px (or %).
With the new check-box "No icons in folder albums", you can prevent that you see icons in the theme images of folder albums.
The last explaining text line in the Theme image icon group has been corrected.
If you change the Font size in the Viewer settings window, the album title font size is no longer changed.
1.6.1 Jun 4, 2020
Because the buttons in the top-line of an iPhone in full screen mode can't be used, this version introduces three improvements:
1. A new slide page option 'Move tool bar to the bottom' will move the tool bar and to the bottom on an iPhone in landscape mode.
2. The panorama navigation buttons are moved to the bottom on an iPhone in landscape mode..
3. The close button in the Google Maps window is moved 50px lower on an iPhone in landscape mode.
It is now also possible to use m4a sound tracks used by Apple, also as sound tracks for images via user variable 'sound'.
File name of Empty_page.htt changed into empty-page.htt to prevent double entries in the Explorer 'New page' context menu.
If no Bootstrap menu is used, the bootstrap files are no longer copied to the output res directory and other non-used files are faster deleted.
Justified-Gallery version 3.8.1 is now used.
jquery-3.5.1 is now used.
1.6.0 May 4, 2020
Bug fixes:
Problem with apostrophe in the image Title displayed in the upper left corner of the slide page solved.
if 'Use as background color for the description:' was set and 'Fill box around the description and attach it to the image' was cleared, there was a small scroll-bar displayed in the lower left corner of the slide page. This problem has been solved.
Template file About_album.htt has been adapted, to solve a problem with a fixed theme image.
Due to a problem introduced in version 1.5.9 a theme image was sometimes only visible after a manual Refresh (F5).
1.5.9 Apr 29, 2020
Default Google font 'Quicksand' replaced by 'Roboto'.
The coded links [link text](link url) in Facebook text are now replaced by just the link text.
If the theme image is not used as background image, it is now never displayed with a width larger as the natural width of the theme image.
1.5.5 Dec 3, 2019
It is now possible to select thickness and type of Google fonts by adding parameters after ':' like 'Open Sans:300i' for Open Sanse type Light 300 Italic and 'Raleway:100' for Raleway type Thin 100.
If '</' is detected in a description, the whole description is seen as html code so no <br> codes are inserted.
The spherical panorama images in a 'panslides' directory were not used, this has been corrected in this version.
1.5.4 Nov 28, 2019
The thumbnail in a folder tile was deformed if the folder width was undefined.
The folder thumbnail margin is no longer controlled by the 'Thumbnails horizontal margins' field on the Index page / Thumbnails tab, but by the new field 'Folder thumbnails horizontal margins' on the Index page / Folders tab.
So if you re-make an existing album with folders, do check whether you have to adapt the folder tile parameters!
1.5.3 Nov 21, 2019
A new layout for the thumbnails on the index page has been added, the Masonry-layout. The thumbnails are displayed in a number of columns, where the position in a column is based on the available vertical space.
It is now possible to define the font-size of descriptions below the thumbnails on the index page.
On the slide page the share window is opened on a PC with the S-key (the F-key toggles the zoom function).
On the index page the share window is opened with the F-key (the S-key is used for the viewer settings).
The Esc key closes a map if visible else if the share window is opened it closes the share window.
On a mobile device the share window is closed by a swipe down, both for the index- and the slide-page.
Corrected: The share button on the index page was too close to he Viewer settings button.
Problem with links displayed in the thumbnails text of a Justified gallery solved.
1.5.1 Nov 15, 2019
Four new fields added to the slide page layout tab to define a border for the slide page image: Border color, space to border, border width and border radius.
Check-mark "Put the border in the image" to choose implementation via XBorderFilter or CSS. The XBorderFilter makes the border in the JPEG file itself, so if you change a border parameter, all images will be made and uploaded again, which can be a problem for large albums. You should also not use the XBorderFilter if you use 360° or spherical panoramas. The only advantage of the XBorderFilter is that you don't see a thick border for a moment if you open the light-box.
It is now possible to define the 'More info' link trigger (default '...'), the 'More info' text (default '...') and the 'Less info' text (default '<<'). Clickable area of the link enlarged.
New 'Show Share window button' check-mark to share the index page or a slide page via WhatsApp, Facebook, Twitter, Pinterest or Email (WhatsApp only on mobile phones). The check-marks to share via email and Facebook have been removed.
Check-mark "Show Full screen button" on the Slide page / Options tab is now always enabled, but if this check-mark is set, the "Full screen button" on the index page is removed.
1.5.0 Oct 29, 2019
The Cylindrical panorama viewer of Evgeny Likov is now used. This viewer supports also automatic scrolling on a PC, but you can also use the mouse-wheel and for a 360° panorama endless scrolling is also supported on mobile devices.
A vertical swipe down will now close a cylindrical panorama.
New check-mark "Hide tool bar on iPhone in landscape mode" on the slide options tab.
If check-mark "Expand Spherical panorama automatically" has been set, clicking the close button in a spherical panorama will close the light-box.
New text box "Audio tooltip:" on the audio tab, for displaying music info in a tootip for the audio controller.
If check-mark "Expand Spherical panorama automatically" has been set, a possible description is showed at the bottom of the spherical panorama viewer.
In the settings window is the question 'Use full screen for a picture' on an iPhone no longer visible.
Fixed: an Android issue because this device was indicated as a PC.
If a thumbnail hint did contain a link, it was with a Justified gallery not possible to open the corresponding light-box. Solved by removing the links in hints.
Some fixes in CSS code to avoid VS-Code warnings.
1.4.4 Oct 3, 2019
It is now possible to play an audio file per photo: save the audio file in the output root folder and add for the image a user variable 'sound' with as parameter the name of the audio file.
Some text and layout changes on the skin 'General' tab to make it better understandable.
New lines in comment replaced by html tag <br> if the comment contains no <br> or <p> tags.
You can now use text without html tags in the Info window and in the Footer text box.
Spell-checking added to selected input fields (requires jAlbum 19 or better).
Bug fixed if code [text](link) was preceded by one or more '(xxx)' groups.
1.4.3 Sep 7, 2019
Fixed: if the Bootstrap menu was selected and there were no folders or template files there was a crash.
Improved more responsive design op the theme image icon at the top of the page: If the Theme image is not used as background and the Theme image width is defined as %, the Theme image top and width fields contains ‰ units else pixel units.
The icon of link 6 is no longer used as theme image icon, a new theme image icon is defined at the Theme image tab.
1.4.2 Sep 5, 2019
Bug fix: if a no Justified-Gallery is used, it is now again possible to use the play button on the index page and to skip the index page (problem introduced in version 1.4.1).
The Video thumbnails border color selector is now moved outside the group 'If Justified Gallery is not used', because it is now also used for video thumbnails on the slide page.
Border of current thumbnail on slide page has now a radius (magnifying-glass effect).
Embedded album template updated.
New check-mark "Enable vertical swipes on the index page" allows you to prevent that an index page is closed if you moves the thumbnails down.
It is now possible to display the custom icon for link 6 at the top of the page. You can define the size and position of that icon. The icon can implement a link or you can use it just to display a logo icon on top of the theme image or somewhere else on the page.
1.4.1 Aug 15, 2019
Problems with links in descriptions below thumbs solved: if Justified-Gallery is used and also for AlbumOfAlbums.
The video overlay was incorrectly positioned with descriptions below thumbnails and relative thumb heigth was used.
1.4.0 Aug 7, 2019
Margin added to the text below the thumbs on the index page if check-mark 'Show shadows of panels on the index page' has been set.
Images with space between border and image better centered on a folder panel.
Predefined styles improved.
If 'Show Album title In the theme image' has been selected and check-mark 'Use Theme image as background' has been cleared, the album title could sometimes not been displayed correctly on a smart phone in portrait mode. This is now improved.
The vertical position of the album title in the theme image on the Index page / Theme image tab is now in % instead of pixels, which gives a better responsive behavior.
1.3.9 Jul 24, 2019
A new check-mark 'Fixed theme image' on the Theme image tab has been added. If this check-mark is set, the theme image is fixed at the top of the window; the thumbnails will scroll over the theme image.
The Title color selector has been moved from the 'Theme image' tab to the 'General' tab and is now also used if the title is displayed outside the theme image.
Google+ field removed from contact.htt template.
With jAlbum 18.4 it is now possible to show the video creation time with the EXIF data.
GPS location of a video can now be displayed if GPS tool "Tool to get GPS link from video with GPS metadata" (see http://jalbum.net/forum/thread.jspa?threadID=54566&tstart=0) is used. If the video contains no GPS information, you can add the location manually via this tool: open the Google Earth program and set a way-point on the location where the video is recorded.
Copy the values via the clipboard and enter the values in the Latitude and Longitude fields of the GPS tool, but the GPS tool requires that you add a + sign for positive values.
Select in the Google Earth preferences for the Latitude/Longitude display format 'Decimal degrees'.
The Max. width field in the Panoramic image custom panel has been removed.
The maxImageWidth property is now always 50000 for a panoramic image; the real width is determined by the selected image height.
Some code improvements for the Panoramic image custom panel.
1.3.8 Jun 15, 2019
Links are now displayed as bold, so you can now give the links in a description the same text color as normal text.
If the new check-mark 'Use Bootstrap to create menu with background color:' on the 'General' tab is set, the menu is made with the Bootstrap library.
The background color of that menu is determined by the next color selector and next combo-box defines the alignment of the menu.
With a Bootstrap menu, the same colors as used in the Bootstrap menu are used for the Back buttons, in the About and other template files and for the buttons defined in the links tab if no icons are used and buttons are not displayed in a tool-bar.
The Bootstrap menu can collapse to an Hamburger icon:
If check-mark 'Replace menu bar by Hamburger button' is cleared, the Hamburger button will never be displayed and if set and the next width field is empty, the Hamburger button will always be displayed. If check-mark 'Replace menu bar by Hamburger button' is set and a width is entered in the next field, the menu will be replaced by a Hamburger button at the indicated view-port width.
New menu home icon home icon with a color equal to the menu text color.
If check-mark 'Stop after the last slide' has been set and a slide-show has been started, the slide page will be closed after the last slide has been displayed.
I check-mark 'Show info window if you open the album' was set, the modal info page was not displayed at startup this has been corrected. However you should not set that check-mark if an album has folders!
Some layout changes in the Slide page / Options tab.
1.3.7 May 7, 2019
The h1 tag CSS code has been moved from index.htt to common.css so that a selected Google Font can also be used in extra HTML files.
h2 and h3 CSS code added for extra HTML files.
You can now select for the album title a base font which is different from the base font used for the other texts.
It is now possible to see examples of the base fonts.
1.3.6 Apr 17, 2019
If check-mark 'Open first slide automatically' is set, thumbs are no longer removed.
Bug in panorama button detection solved.
You can now stop / start an embedded slide show which skips the index page and show no close button by clicking left or right of the image.
The new fancyBox v3.5.7 version is now used.
If the Exif button was selected, the Exif info was not always displayed correctly, this has been corrected.
The arrow navigation buttons on mobile devices are now hidden, unless check-mark "Hide navigation arrows on mobile devices" on the Options tab of the Slide page settings is cleared.
It is now also for webLocations possible to show the title in the upper left corner.
If check-mark 'Use fancyBox defaults for the slide page' has not been set, a link in a slide description uses now the colors as indicated on the 'General' tab of the skin settings.
New check-mark 'Show description at the top of the window' at the Slide page / Layout tab. You should set this check-mark only if you have short slide comments.
The FancyBox skin can now play an audio file in the light-box.
1.3.5 Mar 4, 2019
If the new check-mark "Compress panorama thumbnails" is set the ConstrainRatioFilter is used to compress the thumbnails of panorama photos.
The Show location function shows now only the address information if the new check-mark "Show location address (Geocoding API required)" has been checked.
The Full screen button on the index page was no longer working with the latest Google Chrome browser. This has been repaired with a new version v4.0.1 of the ScreenFull library.
For use in embedded albums are the map and panorama sections now also commented.
Next bugs solved in a multi index page album:
The Show location function works now also in such an album.
If check-mark 'Stop after the last slide' is set, the 'Next' navigation button is hidden for the last image and the 'Previous' navigation button is hidden for the first image
1.3.4 Dec 17, 2018
If you set the new check-mark: "Use the full size of the screen from edge to edge on an iPhone X(R/S/Max)", the slide image uses the whole area on the iPhone-X, but the notch and the rounded corners may hide a part of the image.
If a side panel with EXIF info is used, swiping over the EXIF info allows you to go to the next/previous slide, but the clicking on the EXIF info in a side panel does not remove the EXIF info.
New check-mark "Open slide page in fullscreen mode", only enabled if check-box "Disable viewer settings" is set.
If check-mark 'Show shadows of panels on the index page' has been set, the thumbnails on the folder panels show no longer shadows.
The option to hide scrollbars has been removed.
Check-mark "Clicking the up-arrow button returns to the previous page" has been removed, because it was not correctly working for albums with folders and you can get the same effect by entering 'javascript:history.back()' in the Parent page URL field.
1.3.3 Dec 7, 2018
Bug introduced in version1.3.2 with the tool-tip an album title with a background color solved.
The color and height of the slide show progress-bar are now selectable. Make the color transparent or the height=0 if you do not like to see a progress bar.
The arrow buttons do have now the same background color as the tool-bar buttons, the area around the arrow buttons get the color defined with 'Upper left corner info, description and arrow area background color'.
Two new inc-files added:
File page-header_00.inc inserts code in the <head> section directly after the title and before the link to the common.css file.
File page-footer_00.inc inserts code just before the </body> tag, can be used for links to js-libraries.
If in the skin was selected for the top row of buttons 'Show initially' or 'Hide initially' and the viewer did click one or more times in the theme image or the Title, the last type of display is remembered.
Check-mark 'Clicking the up-arrow button returns to the previous page' works now also correctly for an album with folders.
Problem with the More info link (...) solved, if on the Slide page both check-mark 'Use as background color for the description' and check-mark 'Fill box around the description and attach it to the image' have been set.
If the slide caption below the image requires more then 50% of the screen height, a vertical scroll-bar is added.
If the description contains link code, the converted link is now shown in a thumbnail hint and in a possible description below the thumbnail on the index page.
Corrected: If an album did contain only web locations, a start slide show button was missing, although the slide show was enabled.
It is now possible to replace on small devices the menu-bar by a Hamburger button, via the new check-mark 'Replace menu bar by Hamburger button, if view-port width <' on the 'General' tab.
It is now also possible to define a maximum width for the profile image.
1.3.2 Nov 15, 2018
More layout options for the description of the image on the slide page selectable with controls on the Slide Page / Layout tab in the group 'Show as description in the bottom caption bar or side panel':
You can now define the color of the description text independent of the other text colors.
The background color of this text can be set with check-mark 'Use as background color for the description' and next color selector. Both controls were already available in the previous versions, but they have now been moved to this group.
With the new check-mark 'Fill box around the description and attach it to the image', you can attach the description to the image.
It is now possible to show extended descriptions on a side panel with the new check-mark and width text box: "Show description in side panel with panel width:" in the same group, followed by a check-mark "Display the panel alternately left / right of the image".
The width of the side panel can be defined as % or as px. If check-mark Show description in side panel.." is checked, the Exif data are also left aligned displayed in that side panel. If check-mark "Display the panel alternately left / right of the image" is not set, no panel is displayed if the caption is empty, however if Exif data are displayed via the Exif button, the side panel is also visible if the description is empty. If check-mark "Display the panel alternately left / right of the image" is set, there is always a side panel visible.
To improve the readability of the album title in a theme image, the album title tool-tip shows now also the album title.
The Google maps window shows now a larger map.
Some text strings have been improved: "Show Slide Show button" has been changed into "Enable slide show" (for embedded album), 'Buttons color:' changed into 'Arrow- and tool-bar-buttons color:'. Some texts which could not been translated have been added to the text properties files.
Solved: Viewer setting 'Use full screen for a picture' was not immediately working after the viewer window was closed if no slide show was enabled.
1.3.1 Oct 30, 2018
If the album shows no theme image, the Facebook share function shows now another photo.
Check-mark 'Show shadow in title' has been moved to the Index page / General tab and is now also used if the title is outside the theme image. The title gets no longer automatically a shadow if check-mark 'Show shadows of panels on the index page' has been set.
New check-mark and color selector on the Index page / General: "Use as background color for the album title:".
1.3.0 Oct 27, 2018
The Viewer settings window extended with question: 'Use full screen for a picture:' also for the iOS system. This allows you to display the slides in full screen mode also on an iPad.
New code for Theme image: theme image size should now be set in the Set Cropping window. The Theme Width and Theme Height fields on the Theme Image tab are removed.
With a new Share button it is now possible to use the fancyBox Share menu for sharing the Slide page on Facebook, Twitter and Pinterest.
If you click the Facebook Share button or the new Share button in the slide page tool-bar, the URL of the image and the URL of the web page are copied to the clipboard. This makes it easy to share the image and page in the native Facebook app and other apps.
Facebook Share code changed because of problems with the Facebook share function under iOS.
A folder image is now reduced in height if the image is larger as the folderbox.
New check-box ''Keep the common.css file locally' in the 'Fixed res path' group of the 'Web page' tab; only used if the 'Fixed res path' is not empty. This allows you for example to use another background image as used in the global res directory.
New check-marks on the Index page / General: "Use as background color for the album description:" and "Fill box around the description". If both check-boxes and check-box "Show shadows on index page" have been checked, the Album description panel shows a shadow.
It is now possible to set the width of the the Album description panel.
1.2.9 Oct 12, 2018
It is now possible to use as row height a percentage of the screen-height in landscape mode, both with or without the use of the justified-gallery, the minimum height is 50px.
fancyBox library version 3.5.2 is now used.
New check-mark on the Slide page Layout tab: 'Prevent that the description overlaps the image'.
The slide page button hover-color has been changed from white to gray.
If the index page is skipped, a full-screen button can optionally be added to the slide page tool-bar.
The Zoom and Thumbnails buttons can now be hidden.
It is now again possible to work with empty Folder box width / height fields.
If a Folder box width was defined, the folder image could be distorted, this has been corrected.
Problems with invalid transition type, view-time and transit-time improved.
1.2.8 Oct 1, 2018
The new fancyBox library version 3.5.1 is now used.
Support for pdf files added: add it via web location if you like to use your own thumbnail else you see the standard Adobe PDF reader icon. You can also use a pdf-file as Info window or open a pdf-file via a button on the index page.
You can now make a link in the info window title with the [link text](link URL) code.
Videos do now use the poster image generated by jAlbum.
To prevent empty tool-tips, all spaces around a comment are now removed.
Bug fix: Clicking outside the slide image on a mobile device did not stop the slide show.
Bug fix: Option 'Show info window if you open the album' was also not correctly working if a slide page was activated via a hash ('#') in the URL, both if the index page was skipped or not.
Bug fix: Option 'Show info window if you open the album' was not correctly working in an album with folders. That has been corrected now: only the top level album will show this window, not the folder albums.
1.2.7 Sep 21, 2018
The Music.htt template accepts now also ogg audio files.
New check-box 'Show info window if you open the album'. If set the modal Info window is opened immediately if you open the album.
If 'Use fancyBox defaults for the slide page' is cleared, links in the slide caption use now the colors for links as set on the skins 'General'tab.
New check-mark "Clicking a 'More info' link opens a new window" on the Slide page options tab. In set, the extended comment displayed under a slide is displayed in a new modal window. The colors and the dimension of that new window are set on the 'Info window' tab.
If 'Stop after the last slide' has been checked, the right arrow button on the last slide and the left arrow button on the first slide are removed.
New include file page-header_embed.inc added for extra html code to embed an album in a web page. This code is inserted directly after the body tag before the <div id="indexDiv">.
New check-mark "Use fancybox-placeholder in an embedded album" used for embedded albums.
'Use fancyBox defaults for the slide page' is no longer the default style for a new album.
It is now possible to change the foreground and background color of the tool-bar and navigation buttons.
The Expand-, Mail-, Exif, Facebook- and Location-buttons on the slide page are now all made by in-line svg strings.
With an include file js_code.inc it is now possible to add extra js-code at the end of the $(document).ready(function().
fancyBox library version 3.4.2 is now used.
Slideshow now waits for YouTube and Vimeo video to end.
After YouTube or Vimeo video ends, gallery will automatically move to the next slide.
Slide show shows a progress-bar.
Optional Tool-tips are now working on on all pages.
Problem with the colors of the info-bar solved.
The link to the skin page was incorrect, this has been repaired.
1.2.6 Aug 31, 2018
Bug fixes:
If the slide show was started from the index page and paused on the slide page, clicking the play button did not show immediately the next slide.
If the slide show was started and video's were automatically started, the next image or video was skipped after the video was finished.
1.2.5 Aug 30, 2018
A swipe up / down in the info window is disabled if the text overflows, so if scrolling is required to read all text
.
New check-mark "Hide the buttons while the slide show is playing" on the Slide page / Options tab. If set the buttons will be hidden if the slide show is started. Click outside the image (or use the space bar on a PC) to stop the slide show and show the buttons again. Note that clicking outside the image, while a slide show is not active, will close the window. Clicking the esc key on a PC keyboard will immediately close the slide page.
It is now possible to show in the upper left corner of a slide page the image counter and/or the filename (with or without file extension) and/or the image title.
Two new fields to add a border the Justfied-Gallery thumbnails.
You can now use also ogg files as background music.
If the theme image is used as background, the theme image hint is now also 'Click to show or hide the top-buttons' if these buttons are initially hidden or shown.
fancyBox library version 3.4 is now used.
Clicking the slide show Play button in the upper right corner of the slide page shows now immediately the next slide.
Some minor bugs fixed.
1.2.4 Aug 15, 2018
The Info window is now closed by clicking the close button or using a swipe up / down or clicking the up-arrow key.
If check-mark 'Use Justified Gallery' is cleared, the thumb gallery is now identical to the 'Variable # thumbnails / row' layout, so video icon overlays and captions in the thumbnails are now possible.
New check-box: 'Use whole screen for slide image if screen height <'
If set, the whole screen is used, so the tool-bar and the caption may overlay the image. If you enter a value for the minimum screen height after that check-mark, it is only applied for small devices with a screen height below the given value.
Bug fixes:
Sometimes the Justified Gallery was not shown in maximized window mode on a PC with the Chrome and Firefox browsers.
The implementation of an Album of albums has been corrected.
The wrong parameters were used for the border of a variable # thumbnails / row type of gallery.
1.2.2 Aug 8, 2018
New tab added to the index page settings, to define an extra Info window as was already possible with the Slide Show 4 skin. However the FancyBox skin displays the Info window as a modal window.
New check-mark "Disable Right Click and Long Tap context menu, to prevent 'Save as..'"
Some code changes to please HTML code validators.
If 'Show shadows on index page' is set, the thumbnails do get now also shadow.
HTML code tab moved to the Footer tab.
A CSS code panel has been added to the Web page tab, to insert custom CSS code at the end of the standard CSS code.
1.2.1 Aug 2, 2018
New check-mark 'Use Justified Gallery', if cleared the thumbnails gallery loads faster and you can use borders around the thumbnails. If the Justified Gallery is not used, video icon overlays and captions in the thumbnails are not possible. However video thumbnails can be indicated by a special border color and you can set check-mark 'Superimpose play icon onto video thumbnails' on the jAlbum Images / Advanced settings tab.
Separate controls for thumbnail border width, radius and space to border for folder thumbnails and for image thumbnails in case Justified Gallery is not used.
Due to a bug in fancyBox gallery in case the expansion button was shown, it was not possible to process the click function correctly if an expansion button is showed. So only if check-mark "Don't use Panorama Viewers" is set, "Use 'Tap image' to start/stop Slide Show or for next image' is enabled.
Dead-zone and most special css tricks for the iPhone removed, because it did give problems with Chrome on the iPhone. You have now to shift the contents a little bit down on an iPhone in full screen landscape mode, before you click on a top-button or you should rotate the iPhone in portrait mode before you click a top-button.
The Google Maps close button is shifted down on an iPhone.
Check-mark 'Use slides images in gallery removed'; to avoid problems with folder thumbnails.
justifiedGallery - v3.7.0 files are now used.
Top empty line removed if folders menu was selected, but screen height was too small.
The theme-image hint is now 'Click to show or hide the top-buttons' if these buttons are initially hidden or shown.
1.2.0 Jul 26, 2018
Thumbnails for video files, YouTube videos and Vimeo videos can optionally get a Video icon.
If a slide page is opened from a Google Map, it returns to this map is the close button is clicked.
The Slide caption text color was not always correct.
New check-mark: "Show thumbs after opening slide page".
Problem with "'" character in caption solved.
New color selector for bottom caption bar and arrow buttons background color.
If the slide page is opened in the Bridge projector index page, it returns now to the Bridge projector index page if the slide page is closed.
1.1.8 Jul 22, 2018
Bug solved: Slide page location button, EXIF button etc. are now again working with Firefox vs 61
1.1.7 Jul 21, 2018
The full panoramic user panel is now visible ion the Explorer.
Cylindrical and Spherical panorama viewers implemented.
The up-arrow key closes now a map, a panorama window or the slide page. The Esc key closes also a map, but next the slide page is also closed.
It is now possible to skip the preview of a spherical panorama.
Swipes are no longer processed in the panorama viewers, because the bottom buttons in the spherical viewer were not working on a mobile device.
A Slide Show stops now automatically if a video is displayed.
A new check-mark 'Start videos automatically' allows you to start videos automatically on a PC, but videos on a mobile device will mostly only play after you clicked the Play button.
A slide show does no longer interrupt videos: the slide-show pauses automatically if a video is opened and it continues automatically to the next slide if the playing of the video is finished.
1.1.6 Jul 16, 2018
The slide show stops now if a Facebook share action is started.
FB-share button changed.
Optional Mail-share added via Mail button in the slide page tool-bar.
The Exif button is now only showed for images.
If the original images are copied to the output directory, these images will be downloaded if the download image button is enabled.
FancyBox tool-bar buttons hints translated.
User manual adapted for FancyBox and the links to these text corrected.
The Google Maps window and the Settings window is now a fancyBox modal window.
The modal viewer settings window contains now always a help and a close button.
If "Open first slide automatically" has been set, the index page is hidden via css.
New check-mark "Hide tool-bar and arrows" to hide tool-bar and navigation arrows for use in embedded albums.
The FancyBox skin supports now the Jalbum Bridge projector.
1.1.4 Jul 9, 2018
If you click the enter key if the index page is open, the the light-box is opened with the first image. If the slide show is enabled, the slide show starts automatically in that case.
If the slide show is enabled and the current album contains not only folders, a start slide-show button is displayed in the top of the index page.
The optional thumbnails strip is now displayed at the bottom, if the screen/viewport is not too small.
If you set check-mark "Use 'Tap image' to start/stop Slide Show or for next image", the slide show can be started / stopped by clicking in the image and if no slide show is enabled, clicking the image will show the next image. Notice that clicking outside the image on a PC will close the light-box, but that does not happen on a mobile device.
By setting check-mark "Open first slide automatically" the display of the indexpage is skipped. The slide page of the first image will be shown if the album is opened. If the slide show option is enabled, the slide show will start with this first image.
You can now optionally add a Facebook Share button to the slide page toolbar.
Viewer help files added in the following languages: Dutch, English, German, French, Spanish and Swedish.
1.1.3 Jul 5, 2018
It is now possible to define the default slide-show transition type and duration.
A viewer can change this in the viewer settings window.
The slide-show is now stopped if the Location or EXIF button is clicked.
Clicking the space bar will in case the slide-show is enabled Play/Pause the slide show else it will show the next image.
Other navigation keys for the slide page:
The down arrow key or the L-key will show the location of the photo if GPS data were included. The E-key will toggle the EXIF data.
The left arrow key will show the previous slide.
The right arrow key will show the next slide.
The Esc key will close the slide
The F-key will toggle Full-screen.
Prepared for use of program MakeMap
Download option on the audio control removed for Chrome.
If Viewer setting are disabled, music starts only automatically on a PC if check-mark "Start the music automatically ..." has been set.
If Viewer setting are enabled, the combo-box "Disable music auto-play" will only be visible if check-mark “Start the music automatically ...” has been set.
With the default settings of the Chrome browser ( see https://developers.google.com/web/updates/2017/09/autoplay-policy-changes) and on mobile devices an automatic start of the music is not possible.
In Chrome 61 or later version auto-play is default blocked.
To enable auto-play in Chrome, open chrome://flags/#autoplay-policy and select in the Autoplay policy window 'No user gesture is required".
1.1.1 Jun 30, 2018
YouTube and Vimeo videos implemented as 'Web location'.
Web locations of other sites are now showed in an iframe on the slide page.
1.1.0 Jun 24, 2018
It is now possible to display video files..
If GPS data are available, an extra button can be added to the slide page tool-bar, to show the location in Google Maps.
A Show Exif data button can be added to the slide page tool-bar,
These two new buttons do not change if another button set is selected and the size does not change if the button size is changed in the viewer settings.
Hide full-screen check-mark removed from the Slide page options tab. The Full-screen button on the index page controls now too the full screen option of the slide page.
New option to suppress the correction for HDPI displays. If the correction is not applied, the slides are 2x larger.
1.0.1 Jun 13, 2018
Updated for jAlbum 16: themeImageSuppor set true for versions 15 and 16
1.0.0 Jun 11, 2018
Created from the from the PhotoSwipe skin (vs 1.8.3 June 1, 2018) where
the PhotoSwipe lightbox library is replace by the fancyBox lightbox library vs 3.3.5
The following PhotoSwipe features are not yet implemented in FancyBox skin:
* Video support
* Index page can't be skipped.
* The display of the photo location in Google Maps
* Special panoramic pages
The first three items will be implemented in the next version.