Description
The PhotoSwipe skin combines the PhotoSwipe-5 Lightbox with 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). See https://photoswipe.com/v5/docs/getting-started/ and http://miromannino.github.io/Justified-Gallery/ .
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.
The PhotoSwipe skin has the same index page as the FancyBox skin, but the Lightbox is replaced by the PhotoSwipe JavaScript gallery developed by Dmitry Semenov, see http://photoswipe.com/. This lightbox is also used by the more simple Plain skin.
Like the Slide Show 4 skin , the LightGallery skin and the FancyBox 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.
Some 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 for a slide in the optional slide show presentation and the viewer can decide to show the Slide image always in full-screen 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 or below the images if there is more space.
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 with 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 PhotoSwipe library is licensed under the MIT license for all open source applications.
More information on the “About” tab.
Features
- Created
- Dec 30, 2015
- Last updated
- Nov 22, 2024
- Homepage
- Usage
-
Commercial use is allowed, but a jAlbum Pro license is needed.Modifications of the skin are allowed.
Releases
5.9.0 Nov 22, 2024 (current)
If the index page is skipped, user setting 'Use full screen for a picture' is now again executed.
There are now several methods to enter the full screen mode if the light-box is opened:
If check-box 'Show Full screen button' on the Slide page / Options tab is checked:
* If viewer setting 'Use full screen setting for a picture:'= 'no', the light-box is opened in normal mode and it will go in Full screen mode if you click the enter Full screen button.
* If viewer setting 'Use full screen setting for a picture:'= 'yes', the light-box is opened in Full screen mode and it will go in Normal mode if you click the exit Full screen button. However if check-box 'Skip thumbnails pages' is checked, the light-box is opened in normal mode and it will go in Full screen mode if you click the enter Full screen button.
If check-box 'Show Full screen button' on the Slide page / Options tab is unchecked:
* If viewer setting 'Use full screen setting for a picture:'= 'no', the light-box is opened in normal mode and it will never go in Full screen mode because there is no enter Full screen button.
* If viewer setting 'Use full screen setting for a picture:'= 'yes', the light-box is opened in Full screen mode and it never go in Normal mode because there is no exit Full screen button. However if check-box 'Skip thumbnails pages' is checked, the light-box is opened in normal mode and it will go in Full screen mode if you click the enter Full screen button.
Previous versions
5.8.5 Nov 16, 2024
Bug fixes:
The full screen code toggles now also the full screen buttons.
In full screen mode on an iPad, the index page thumbnails are hidden if the Lightbox is open, because on some models these thumbnails were partly visible in full screen mode at the bottom.
If the index page is skipped user setting 'Use full screen for a picture' is not executed and the correct setting of the full screen button is now displayed.
5.8.3 Oct 22, 2024
The display of YouTube and Vimeo videos has been improved.
New version 5.4.4 of the PhotoSwipe library used.
Styles improved for the Bootstrap menu.
The arrow buttons are now smaller.
If check-mark 'Show shadows of panels on the index page' is checked, the panels get a border.
The width of the background of a slide caption is now equal to the width of the caption, so that video controls are not hidden.
Bug fixed:
YouTube controls were sometimes hidden by the caption.
A 'More info' link in a description works now too for videos and web locations.
The left arrow button was sometimes not visible.
5.8.2 Sep 25, 2024
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/#?M3', 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/PS/slides/Vecht_121027.jpg | https://andrewolff.jalbum.net/PS/#img=Vecht_121027 |
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
5.8.1 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
5.8.0 Aug 24, 2024
You can now display thumbnails in the Lightbox, more info at
https://andrewolff.blogspot.com/2024/08/new-version-58-of-photoswipe-skin.html
5.7.7 Aug 13, 2024
A lightbox opened by the OSM map, returns now on close to the OSM map
window.history.pushState not executed if fromMap is True.
Template file OpenStreetMap.htt corrected.
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.
5.7.6 Jul 4, 2024
The slidepage share link was incorrect and the clipboard was not loaded with the links.
Both items have been corrected.
On an iPad email sharing in Safari via Gmail is not working.
Set in that case in the settings Chrome as the standard browser or select Mail as standard mail App
5.7.5 Jun 4, 2024
The history URL in the browser address field is now changed, so that it can be used as a bookmark to the slide page.
You can share now the slide page on a mobile device via the browser action button.
5.7.4 Apr 22, 2024
If EXIF data are displayed and a video contains EXIF data, it is also displayed for a video.
To show captions below videos, you have to clear check-mark 'Prevent that the description overlaps the image' .
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.
5.7.2 Nov 7, 2023
See https://andrewolff.blogspot.com/2023/11/new-skin-versions.html
5.7.1 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
Just like on PC's, clicking outside the slide image will now close the light-box.
Modal windows are now closed before a next slide is shown or before another modal window is shown.
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.
PhotoSwipe library version 5.4.1 is now used.
Bug with the Arrow Up key repaired.
Bug in Google Translate function repaired.
5.6.2 Aug 10, 2023
Google Translate code improved.
Bug fix: menu was displayed in the light-box.
5.6.1 Aug 8, 2023
Tool-tips do now also work for AudioClips.
Bug fix: the space-key did not start/stop the slideshow.
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.
5.6.0 Jul 31, 2023
New version 5.3.8 of the photoSwipe library used.
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.
The Info window, the modal ... more info widow and the Share window comes now on top of the slide or index window.
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 'P' opens and closes the panorama viewer window.
Clicking outside a modal window closes that modal window.
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.
The buttons in a panorama viewer do use now the same background color as the slide arrow buttons.
5.5.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.
Bug fixes:
If the album contained compressed panorama thumbnails and no Justified or Masonry gallery was used, the panorama thumbnails were too large if a relative height of about 7% was used.
It is now again possible to show shadows in a grid of thumbnails.
5.4.3 May 30, 2023
It is now possible to use a javascript function in the 7 URL fields on the Links tab. You can use that to add navigation buttons to an album with folders:
Enter javascript:previousindex() in the URL field link #1
Enter javascript:up() in the URL field link #5
Enter javascript:nextindex() in the URL field link #7
The pop-up dialog "You should re-arrange ..." is now displayed as notification, but the console window shows this message for folders with folders before or in between images.
Bug fixes:
The audio player in the theme image was not visible if only the 'Audio player' check-box was checked.
if the skipcomment field on the 'Slide page' tab was empty, no captions were showed.
5.4.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.
5.4.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 home button of a menu has been corrected.
5.3.8 Apr 18, 2023
About template file improved: Max-width is now adjustable and it displays now better on smart phones
.
Small corrections in other templates to satisfy the HTML validator.
Groovy problem with bootstrap menu solved.
HTML validator problem in info window solved.
5.3.7 Apr 7, 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 an 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.
Bug fixes:
If the left footer was empty, the default link goes now to the PhotoSwipe install page and not to the FancyBox page.
The profile image was not displayed.
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.
5.3.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.
Bug fixed in Groovy conversion:
If fixed-shape folder thumbnails were used, the displayed folder thumbnails were too large.
The caption in a spherical panorama is now again displayed.
5.3.5 Mar 7, 2023
Bug fixed in Groovy conversion:
If fixed-shape folder thumbnails were used, the displayed folder thumbnails were too large.
The caption in a spherical panorama is now again displayed.
5.3.4 Feb 12, 2023
Bug fixes:
Solved: if (jAlbum version <24) and (jAlbum version>23) using variants did result in a crash
The transparency of the slide background color was not always correctly processed.
Dummy callback function added to prevent console message "Loading the Google Maps JavaScript API without a callback is not supported".
If a spherical panorama was opened from the index page, the slide did not fill the whole view-port. This has been corrected.
5.3.2 Nov 10, 2022
More simple Play / Pause button in the light-box tool-bar
It is no longer possible to make links with the [text](URL) code.
Check-box "Use the full size of the screen from edge to edge on an iPhone X(R/S/Max)" added.
Converted to groovy.
Bug fixes: the Bootstrap Menu works again.
5.3.0 Nov 1, 2022
New version 5.3.3 of the PhotoSwipe library used.
OpenStreetMap template page added.
Full screen button added to the Google Maps template page.
5.2.9 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.
5.2.8 Oct 15, 2022
You see now a zoom animation from thumbnail to slide image if you click on a thumbnail. If you close the light-box, you see a similar animation. The duration of this animation is determined by the combo-box 'Animation duration' on the 'Slide page / Options' tab.
If the option "Enable slide show" is not set and also option "Use 'Tap image' to show next image" is cleared, clicking in the slide image on a PC will zoom the image and on a mobile device it will toggle the tool-bar.
This is done because on a PC it is not possible to zoom by double clicking in in image, what is possible on a mobile device. Notice that you can also use the mouse-wheel for zooming.
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.
5.2.7 Sep 29, 2022
Clicking in the 'More Info' text block will now close that block.
If the predefined theme image could not be read, a warning message is given in the console window.
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.
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.
New version of the libraries: PhotoSwipe vs 3.5.2 and photoswipe-dynamic-caption-plugin-main vs 1.2.7
Audio control css code added, which makes the control smaller.
Bug fixes:
If the info window was started if the album was opened and the info window was closed, the slide page instead of the index page was showed.
If check-mark 'Show full screen button' on the slide page options tab was set, the carousel album did crash on a mobile device.
Link to home and next album from toolbar did create two windows.
If the Exif button was used and 'Prevent that the description overlaps the description' the button was not working.
'More Info' extension is again working, if Prevent overlap is set.
The link to the history.txt file is now again working.
5.2.6 May 9, 2022
The caption of a spherical panorama and web location shows now the title or the description but not both. It depends on the selections on the Slide page / Layout tab, but if both the Title and Comment has been selected, the Title is displayed.
Bug fixes:
The Spherical Panorama Viewer could not be used in a folder album.
The Spherical Panorama did show the caption twice.
The first hint of an audio slide is now also correctly showed.
5.2.5 May 3, 2022
Version 4 of the Spherical Panorama Viewer library is now used.
Spherical panoramas are now always opened in the lightbox without previews. It replaces now the slide image in the lightbox, so the same navigation and tool buttons are used.
Spherical panoramas will only be opened in the Spherical Panorama Viewer if check-mark ''Use Spherical Panorama Viewer" is set.
Audio clips could already be added with user variable audioImg, however if you have jAlbum version 28 you can use too 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.
A slideshow gets suspended until a video or audio clip has finished.
The mouse-wheel can now always be used for zooming.
Vdeos show now also a caption if check-mark 'Prevent that the description overlaps the image' is unchecked but not if this check-mark is set.
5.2.3 Apr 17, 2022
All PhotoSwipe module code is removed from the init.html file and set in an initGallery.js file in the res directory, so projects with folders are now smaller.
A fixed res path can no longer be used, the 'Fixed res path' group has been removed from the 'Web page' settings.
Clicking on a video on a mobile device does no longer stop a slide show.
A slide show is automatically stopped if a weblocation is loaded.
The controls of audio tracks used as slide page are no centered in the slide page.
Bug fixes
5.2.1 Apr 6, 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.
The skin uses now the new PhotoSwipe library version 5.2.3.
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.
5.1.2 Oct 23, 2021
If check-mark 'Hide close button' is checked, the light-box can not be closed via the arrow-up key, by clicking in the background and also not via a swipe or pinch. It is recommended to clear check-mark 'Stop after the last slide' in that case.
The + and - sign in the zoom button is now again visible.
If 'Enable slide show' is checked, clicking/tapping the image will stop/start the slide show.
The info window displayed if the album is opened is now again correctly working.
Vertical scrollbar added to the info-window if needed. If an info window has a vertical scrollbar, the swipe up/down function to close the window is disabled.
Note:
Mp4-videos are no longer working on an iPhone or iPad with iOS 15.0.2., but it works correctly on a Windows 10 PC and on an Android tablet.
To get it working update to iOS version 15.1
5.1.1 Oct 17, 2021
Bug fix: if in a map a comera icon was clicked, the corresponding slide page was not opened.
5.1.0 Oct 10, 2021
We use now PhotoSwipe library version 5.1.5
New check-box "With slide transitions" on the slide options tab, to allow simple slide transitions.
The video overlay-icon has been made smaller.
PDF-files and audio-files dropped in the Explorer window are now correctly displayed.
User variable 'audioImg' can be used to add a sound track to an image, like:
audioImg bensound-summer.mp3
Automatic start of the sound track is now possible on a PC if check-mark 'Start the music automatically ... ' on the Music tab has been checked.
Next audio file formats are supported: mp3, m4a, and aac.
New check-box 'Allow downloading the music track' on the music tab.
If you click now somewhere on the background (so not on a text or combo-box) the viewing settings window, the viewing settings window will close.
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.
5.0.0 Sep 15, 2021
New version derived from latest FancyBox version with the new PhotoSwipe 5 library (Beta version).
This new version supports now srcsets
Fast key codes implemented for the PhotoSwipe lightbox: Left arrow: previous slide, right arrow: next slide, spacebar start.stop slideshow or next slide. Up arrow: close lightbox, down arrow: show location.
First zoom action is now fill.
The skin uses now also a compiled GUI.
New version of the screenfull.js library v5.1.0
.
ConstrainRatioFilter and FixedShapeFilter removed and replaced by CSS code.
New field "Left / Right page margins:" which controls the swipeMe margins.
Blur radius of a text shadow for the title in image lowered from 10px to 6px
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".
New user manual.
Note: To run an album made with PhotoSwipe skin version 5 locally on your PC, you have to select on the jAlbum 'Tools / Preferences / General' panel in the 'Preview' group: External browser and check-mark 'Use embedded web server' should be set.
3.3.2 Nov 27, 2020
If no Google Maps API key is defined, the location will be shown in Google Maps in a new browser tab.
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.
Keywords on the slide page are now displayed in square brackets ([ ... ]).
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.
3.3.1 Sep 23, 2020
New check-box "Use left-aligned text (recommended for HTML editor)" for album description.
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.
The HTML editor can now be used in the About, About Album, Music and Empty Page template files and also for the Skin Info Window and Footer fields (requires jAlbum 22).
Video overlay icon video-icon.svg was missing, added again.
3.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" for the middle footer text
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.
3.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.
3.1.2 Jul 4, 2020
Bug fix: after refresh of a local album with the title in the theme image, the title did sometimes disappear.
3.1.1 Jul 2, 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. .
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.
3.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. .
If you update an album which displays the title in the theme image, you have to update the Font-size and the vertical position.
3.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 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.
If you change the Font size in the Viewer settings window, the album title font size is no longer changed.
2.5.6 Jun 4, 2020
The close button in the Google Maps window is moved 50px lower on an iPhone in landscape mode.
The panorama navigation buttons are moved to the bottom on an iPhone in landscape mode.
The size of the text in Justified-Gallery thumbnails changes now too if the Font size in the Viewer settings window is changed.
File name of Empty_page.htt changed into empty-page.htt to prevent double entries in the Explorer 'New page' context menu.
Justified-Gallery version 3.8.1 is now used.
jquery-3.5.1 is now used.
There was a crash if in an album description a text '(...)' was in front of a link '[link text](link URL)'.
The wrong help file was displayed on an iPad
2.5.5 May 2, 2020
Bug fix:
Due to a problem introduced in the previous version 2.5.4 a theme image was sometimes only visible after a manual Refresh (F5).
2.5.4 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.
2.5.3 Dec 17, 2019
New manual and some texts are changed.
More thumbnail parameters disabled if Justfied Gallery is used.
2.5.2 Dec 5, 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.
2.5.1 Nov 28, 2019
It is now possible to define the font-size of descriptions below the thumbnails on the index page.
The thumbnail in a folder tile was deformed if the folder width was undefined.
Problem with thumbnail in a folder tile solved for gallery with table tags.
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.
This does not work for table with DIV or TABLE tags if folder box width is >0 and folder box height = 0. So if you re-make an existing album with folders, do check whether you have to adapt the folder tile parameters!
If an 'Elastic table with <table> tags' has been selected the folder tiles will now shrink if the view-port shrinks.
The folder tiles are now responsive for all gallery types.
Problem with links in comment in the thumbnails of a justified gallery solved.
2.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.
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.
2.0.5 Oct 3, 2019
Some text and layout changes on the skin 'General' tab to make it better understandable.
It is now also possible to use a normal font for the title, differently from font for normal text.
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.
2.0.4 Sep 6, 2019
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.
2.0.3 Aug 16, 2019
The video camera overlay icon was sometimes outside the thumbnail if gallery type Elastic table was selected.
Debug message removed.
2.0.2 Aug 15, 2019
The Exif button was no longer displayed in the menu, this is now fixed.
If 'Variable # thumbnails / row' has been selected as type of thumbnails gallery, you can now also use as row height a percentage of the screen-height in landscape mode. This makes this gallery type more responsive on small smart phone screens
2.0.1 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 mostly 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.
2.0.0 Jul 24, 2019
Optimised file Home_font_awesome.svg is now used as home icon and the color is equal to the menu text color, set in the new template file homeBtn.htt
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.
Some svg icons optimized.
Links are now displayed as bold.
File jquery.js replaced by file jquery-3.4.1.min.js
Bug fix: the menu was not working for a weblocation and also not for an audio file.
Google+ field removed from contact.htt template and from the Slide page / Options 'Enable next Menu items' group.
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.
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, select in the Google Earth preferences for the Latitude/Longitude display format 'Decimal degrees' if that is not done earlier 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 and only 4 of the 6 decimals are processed by the GPS tool. After you added GPS data to videos via this tool, it is best to close jAlbum and open it again before you open the edit window of a video or image otherwise is the image not visible in the edit window.
You can also use my modified version of this tool(http://jalbum.net/forum/message.jspa?messageID=334709#334709) in which case it is not required to add + signs in manual data, 6 instead of 4 decimals are processed and you can open an edit window immediately without closing jAlbum first.
1.9.9 Apr 19, 2019
If check-mark 'Open first slide automatically' has been set, no thumbs are generated and a possible old thumbs directory is deleted.
It is now also possible to play an mp3-file in the light-box.
1.9.8 Mar 6, 2019
If check-mark 'Show shadows of panels on the index page' has been set, the thumbnails on the folder panels show no longer shadows.
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.
Text 'Remove top bar' changed into 'Image may overlap top bar'. If this check-mark is set, the top bar is automatically transparent.
New check-mark: 'Image may overlap bottom bar'. Color selector 'Top / bottom bar and arrow buttons background color' still defines the background color of the bottom bar, even if this check-mark is set.
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 of the ScreenFull library.
File photoswipe.min.js replaced by the version 4.1.3 to solve the swipe problem in Chrome on a Windows 10 PC.
Crash if a location was asked in a multiple index album removed.
Problem with 'Show location' in a Carousel gallery solved.
1.9.7 Dec 11, 2018
Two new inc-files enties are 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.
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.9.6 Oct 30, 2018
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.
A folder image is now reduced in height if the image is larger as the folderbox.
If you click the Facebook Share button or the Menu button on the slide page, 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.
If the album shows no theme image, the Facebook share function shows now another photo.
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.
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:".
Problem with PhotoSwipe default-skin icons with Fixed root path solved.
1.9.4 Oct 17, 2018
It is now again possible to work with empty Folder box width / height fields.
It is now possible to use empty height / width fields for the theme image:
If 'Use Theme image as background with minimum height:' is checked and the next field is empty, the Theme image height is used as minimum height.
If the Theme image height field is also empty, the Max image height as set by user is used as minimum height instead of 400px.
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 solved.
Problem with pdf file in iframe in Info window better solved.
1.9.3 Oct 5, 2018
Support for pdf files added: add it via web location . You can also use a pdf-file as Info window or open a pdf-file via a button on the index page.
With check-mark 'Replace web location slide image by web site' set, comment can now be displayed at the bottom of the page.
You can now make a link in the info window title with the [link text](link URL) code.
To prevent empty tool-tips, all spaces around a comment are now removed.
It is now also possible to select svg images for the user defined buttons.
It is now possible to use as row height for the justified-gallery a percentage of the screen-height in landscape mode.
Problem with iframe in Info window solved.
The Play and Full screen button are no longer overlapping on iOS systems.
Problems with invalid view time solved.
1.9.2 Sep 24, 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.
With an include file js_code.inc it is now possible to add extra js-code at the end of the $(document).ready(function().
The link to the skin page was incorrect, this has been repaired.
1.9.1 Aug 30, 2018
Bug fix: check-mark "Disable Right Click and Long Tap context menu, to prevent 'Save as..'" was not correctly working.
Two new fields to add a border around the Justfied-Gallery thumbsnails.
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.
Minor bugfix.
1.9.0 Aug 10, 2018
New tab added to the index page settings, to define a modal Info window.
To close this window, click the close button or use a swipe up / down or click the up-arrow key.
User request implemented: New check-mark: 'Use taps outside images to hide controls and captions on mobile devices'.
1.8.9 Aug 8, 2018
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.8.8 Aug 2, 2018
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.8.7 Jul 27, 2018
A bug introduced in version 1.8.6 for the Bridge projector, made the album dead after the slide page was closed.
1.8.6 Jul 26, 2018
Code optimization with play button on index page.
No warning was given if you tried to open a spherical panorama locally.
Several problems solved if you open a spherical panorama after a cylindrical panorama and visa versa.
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 video camera icon can now also be imposed on YouTube and Vimeo videos and on the thumbnails of a Justified Gallery
If a slide page is opened from a Google Map, it returns to this map is the close button is clicked.
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.8.5 Jul 5, 2018
If in group 'Show in thumbnail tooltip' both 'Nbr + File name' and 'Comment' have been selected, the Comment starts on a new line.
Download option on the audio control removed for Chrome.
If Viewer setting are disabled, music start only automatically on a PC only if check-mark "Start the music automatically ..." has been set.
If Viewer setting are enabled, the combo-box "Disable music autoplay" will only be visible in the Viewer settings 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 Autoplay is default blocked.
To enable autoplay in Chrome, open chrome://flags/#autoplay-policy and select in the Autoplay policy window 'No user gesture is required".
1.8.4 Jun 13, 2018
Updated for jAlbum 16: themeImageSuppor set true for versions 15 and 16
1.8.3 Jun 1, 2018
If check-mark 'Show first slide automatically' is set or a Justfied Gallery has been selected and "Use Slide image" has been checked, no thumbnails are created and existing thumbnails are removed.
Code of yellow tooltip hint for thumbnails for mobile devices has been removed and replaced by new code which allows you to select tooltips for the thumbnails and the buttons on PCs and on touch screen devices, where the text and background color of these tooltips can be selected by the user. You see these tooltips on a PC if you hover the mouse over a button or thumbnail. On touch screens you see these tooltips if you tap on a button or thumbnail; to prevent a click action you should move your finger over the screen outside the button or thumbnail en release there your finger from the screen.
Several changes in the skin settings pages to make the required vertical area smaller:
New main tab 'Web page', new tab 'Folders' on the index page and 'Slide page' tab divided in two sub tabs 'Layout' and 'Options'. Some fields moved from the index or General page to other tabs.
1.8.2 May 1, 2018
You can now set the desired transparency of the captions in a justified gallery.
The value of the 'Thumbnails radius' is no longer used for a justified gallery.
It is now possible to define the max. row height for a justified gallery in %.
The captions in a Justified gallery use now the same font-family and font-size as used for the normal text in the album.
Fixed:
Clicking on a caption in a Justified gallery did not open the slide page.
Some html validation service warnings removed by adapting the html code.
The panorama viewer navigation buttons did not show the pointer cursor on a PC.
Problems with the Google Maps location window and the panoramic picture viewers in case the slide full-screen button was clicked solved.
After an expanded panorama was closed, it was still enlarged.
Swipe up/down no longer closes the Google Maps route window.
1.8.1 Apr 25, 2018
With a new check-mark on the Index page / General settings tab is now possible to hide the vertical scrollbar and use the mouse wheel only for scrolling. Use this to solve the colored border problem for a Justified gallery on a PC..
If you use a transparent background color with the Justified Gallery, you can, if you wish, clear that option, but in that case you should set the Justified Gallery Border parameter to 20 to avoid a jumpy window if a scrollbar is just visible.
1.8.0 Apr 24, 2018
Changes of the Justified Gallery:
You can now select a border width; the default value is -1 in which case the border width is equal to the selected margin.
The justified Gallery captions are now animated and faintly visible if a caption has been selected for a thumbnail.
You can now optionally use the slides images instead of the thumbs images in a justified gallery.
Justified Gallery parameter 'Background color' is now again working.
Layout of the Index page / Thumbnails tab changed to enable the thumbnails settings for a folder thumbnail if a Justified Gallery is selected.
Other changes:
Support for jAlbum Bridge added.
A spherical panoramic picture is now automatically expanded in the slide page if check-mark 'Expand Spherical panorama automatically' is checked.
Facebook share function for the index page improved.
Bug fixes:
The 'Folder thumbnails border color' is now again working.
On a mobile device a panorama was still expanded after the close panorama button was clicked, this has been corrected.
On a mobile device: if the location of a slide was displayed and the device was rotated during this display, the slide was hidden after the location window was closed.
1.7.9 Mar 27, 2018
A swipe up or down no longer closes the Google Maps route map.
If an album is opened the first time in a browser, the slide viewing time is sometimes undefined, this has been corrected in this version.
The new version Justified Gallery - v3.6.5 is now used and plug-in screenfull v3.0.0 is replaced by v3.3.2 – 2017-10-27
It is now also possible to hide the title on a folder-tile by clearing option 'Show title in folder-tile' on the Index page / Thumbnails tab.
New Close, Zoom/Unzoom and Menu buttons in the 'Round black and white buttons' and 'Square black and white buttons' sets.
All slide page buttons are now blue if the 'Colored buttons' set is selected.
Links made via []() are now also visible in descriptions below thumbnails on the index page, however that link is not visible if the Justified Gallery is used.
1.7.8 Mar 1, 2018
Bug fixes: crash with empty folder removed and problem in files about.htt, about_album.htt and contact.htt solved.
1.7.7 Jan 17, 2018
Next and previous image transitions and the slide show transitions are now animated if the new check-box "Animated slide transitions" on the Slide page settings: is set.
The Slide Show stops now automatically if the menu is opened.
If viewer setting "Use full screen for a picture" is set, the slide is now better centered in the screen.
All slide buttons of the set "Round black and white buttons" are now black.
Bug fixes:
If 'Stop after the last slide' was cleared, the slide show did not continue with the first slide after the last slide was displayed. This has been corrected.
Previous / start slide show / next button on a panorama page are now again working as expected.
1.7.6 Dec 28, 2017
Option "Use 'Tap image' to start/stop Slide Show or to show next image" introduced.
If this is set clicking in the image on a PC will no longer zoom the image. To zoom the image on a PC press the Ctrl key and click next in the image.
Bug fix: the title is no longer displayed twice in the heading of the index page.
1.7.5 Dec 16, 2017
You see now an animation if you click a thumbnail to open the slide image and you see again this animation reversed if you close the slide image.
1.7.4 Dec 7, 2017
If a folder contains another folder and not all images are before this folder in the jAlbum Explorer, you get an error message. The folder name is now showed in this message and also logged in the System console window.
If the Profile image on the Index page / Footer tab ends with ".", the next file extensions are checked: first "png", next "gif" and finally "jpg".
Non-used theme image files generated via the folder panel are now automatically removed.
The Facebook share function for the thumbnails page was no longer correctly working. This is repaired now with new code using Open Graph Markup for sharing. If a theme image is used the theme image will also be shown on the Facebook page, else the slide corresponding with the thumbnail showed on the Folder panel will be used. Option 'Use secure links' should be set if your album is uploaded to a secure site (starting with 'https:') like the jalbum.net server.
The F key opens now on a PC the Facebook share dialog, if the index page is shown and also if a slide is shown.
The mouse cursor hint of a theme image used as foreground image on a PC shows now the album title if the album title is in the image or if the title is hidden. So without title or if the color combinations makes it difficult to read the album title you can always read it via the mouse cursor hint.
Clicking in the Theme image used as background image, toggles now also the top buttons, if these are not fixed.
1.7.3 Nov 21, 2017
You can now use Google Fonts for normal text.
Two new check-marks for background image: "Auto-size background image" and "Don't scroll background image". The effects of these check-marks are only visible on a PC.
Check-mark "Auto-size background image" also added on the slide page.
Added to the skinproperties: separateThemeImage=true, so with jAlbum 15 it is now also possible to define a theme image by dragging an image to the Theme Image box in the new Folder panel.
The are now 4 ways to generate a theme image, see the ‘Theme image’ tab on the ‘Index page’ tab:
1. Via the ‘Theme image:’ text box.
2. Via include file page-header_2.inc
By setting the new check-mark ‘If this field is blank or the Theme image is not found, use the Theme Image on the Folder panel’:
3. If ‘Create Theme image ...’ check-mark is cleared, the corresponding image in the slides folder is used. If a folder album has no slides directory this method does not work.
4. If ‘Create Theme image ...’ check-mark is set, a theme image folderimage.jpg is created in the output folder. You can define both a width and a height for the created theme image.
If method 1 is used, methods 3 and 4 are ignored.
If method 3 or 4 is used, the use of include file page-header_2.inc is excluded.
You can now use the theme image also as background image with fixed height, but if the Folder panel is not used, you should first remove all possible page-header_2.inc files otherwise it will not work.
New check-mark 'Show top info minimal 10 sec' on the Slide page to keep info longer visible on PC’s.
The slide page is no longer closed on a PC if you click left or right of the picture or if you click in the top or bottom bar.
1.7.2 Nov 20, 2017
You can now use Google Fonts for normal text.
Two new check-marks for background image: "Auto-size background image" and "Don't scroll background image". The effects of these check-marks are only visible on a PC.
Check-mark "Auto-size background image" also added on the slide page.
Added to the skinproperties: separateThemeImage=true, so with jAlbum 15 it is now also possible to define a theme image by dragging an image to the Theme Image box in the new Folder panel.
The are now 4 ways to generate a theme image, see the ‘Theme image’ tab on the ‘Index page’ tab:
1. Via the ‘Theme image:’ text box.
2. Via include file page-header_2.inc
By setting the new check-mark ‘If this field is blank or the Theme image is not found, use the Theme Image on the Folder panel’:
3. If ‘Create Theme image ...’ check-mark is cleared, the corresponding image in the slides folder is used. If a folder album has no slides directory this method does not work.
4. If ‘Create Theme image ...’ check-mark is set, a theme image folderimage.jpg is created in the output folder. You can define both a width and a height for the created theme image.
If method 1 is used, methods 3 and 4 are ignored.
If method 3 or 4 is used, the use of include file page-header_2.inc is excluded.
You can now use the theme image also as background image with fixed height, but if the Folder panel is not used, you should first remove all possible page-header_2.inc files otherwise it will not work.
New check-mark 'Show top info minimal 10 sec' on the Slide page to keep info longer visible on PC’s.
1.7.1 Oct 30, 2017
You can’t display a spherical panorama locally; this version gives a warning message if you try to do this.
1.7.0 Oct 28, 2017
New option button 'Justified Gallery' added to the 'Type of thumbnails gallery' panel on the 'Index page' / 'Thumbnails' tab.
If this option is selected, a compact thumbnail gallery is implemented with the justified Gallery plug-in, see http://miromannino.github.io/Justified-Gallery/. Notice that the slide border and shadow parameters are not used if that option is selected.
In panel 'Show in thumbnail tooltip' is the text 'File name' replaced by 'Nbr + File name'.
If 'Show shadows on index page' has been set, the top menu shows also a shadow.
If the folder box width is used, the folder box image css has now a max-width to prevent that the images is wider as the box.
The PhotoSwipe buttons of square B&W buttons do have now the same color as for round B&W buttons.
Spherical viewer of Jérémy Heleine added.
In the Panoramic image panel you can now choose for a spherical panorama or a spherical panorama.
1.6.4 Oct 13, 2017
If no new window is selected for the Google Maps route link on the Links tab and a kml or kmz file is entered in the URL field, the map will be displayed in a section of the index page like the map for a slide location and a panorama expansion page. So background music is not stopped, but if a html file is entered, the index file is replaced by the html file and the background music stops if no new window is selected.
On a touch screen device, a map page is closed both by a swipe up and by a swipe down. Use two fingers to scroll a map.
Google Map full-screen button removed from the location window.
If a slide page is opened by clicking a marker on a Google Maps or Google Earth map, the audio control is removed otherwise you here the music twice.
Bug fix: the Map type and Zoom level were not correctly copied from the Map settings tab.
Problem with Google Maps apiKey solved.
Several http links replaced by https links.
Problem with keywords.length() in jAlbum 14.1.13 solved.
Bug fix in Music.htt.
It is now possible to use for the custom link icon for links 6 an absolute URL starting with http.
1.6.3 Sep 14, 2017
All text behind "..." in a comment is displayed at the bottom of the slide page if you click on the "More info" link at the end of the displayed comment. This extended comment is not displayed on the index page.
To improve the readability if the title and/or description and/or ExifInfo is in the image, it is now again possible to select a (semi-transparent) background color for this description, by setting checkbox 'Use background color for bottom text:' on the Slide page tab.
New colored set/reset Full screen icons.
If check-mark 'Open first slide automatically' was set, a panorama could not be expanded. This has been corrected.
The slide page closes no longer if you use the mouse-wheel on a PC.
Order of .inc files changed: First page-footer_0.inc and as last page-footer_all.inc.
The Google Maps window shows no longer a full-screen button after the close button.
Improvements for videos:
A running mp4 movie stops now if the slide is closed or a next/previous slide is selected, however embedded Vimeo and YouTube videos have still to be stopped by hand before you go to the next slide or close the page.
A video is now centered in the window.
1.6.2 Aug 14, 2017
The name of variable which remembers the setting of checkbox 'Open first slide automatically' is changed, so if you use that setting, you have to set it again.
Check-mark 'Hide close button' is only enabled if check-mark 'Open first slide automatically' is set.
The skin gives now a warning message if after a folder a video or image is detected.
1.6.1 Aug 10, 2017
The full screen options and the automatic scrolling of an expanded panorama works now also under Linux.
Pressing the arrow up key closes now a slide page (the arrow down key opens the location window).
The 'Show location' button in the upper right corner above a slide image was only visible if in the 'Enable next menu items' also 'Show Location in Google Maps' was checked. This is now no longer required. If only 'Show Location button' was selected, the map was not shown, this has been corrected.
It is no longer possible to show in a Facebook Share action, the slide image and as link the slide page, see https://developers.facebook.com/docs/sharing/reference/feed-dialog#deprecated-params
The correct slide image is now shown, but the link goes to the same image.
The special characters in the Copyright and Author fields are now correctly displayed if there are xmp metadata available.
If a slide show is playing, the slide show stops playing if the next item is a video.
New include file page-header_1_all.inc just above the navigation section which replaces the wrongly positioned 2nd insert of file page-header_all.inc
A new button 'Move the help button to the settings window' has been added on the Index page / General tab. If you set this check-mark, you get space to add extra buttons like the AddThis Share buttons via inc files.
If checkbox 'Open first slide automatically' is set and checkbox 'Hide close button' is set, the slide page is not closed by a vertical swipe or scroll or click next of the image (not on PC) or with a pinch. This is the recommended setting for embedded slidepages.
Checkbox 'Use the background color for the image description' and color selector introduced in version 1.2.1 is removed, because it was no longer used.
New check-box ‘Remove top bar’ added to the Slide page settings.
Disable viewer settings was not implemented, done now.
If 'Open first slide automatically is set' and 'Show slide button' is set and 'Stop after the last slide is set', the Slide shows stops and the first slide page is displayed, so clicking the Play button will repeat the slide show in that case.
It is now possible to hide the Close button, if 'Open first slide automatically is set' the close button is not automatically removed.
It is now possible to hide the Fullscreen button.
File embed.htt added, which detects which kind of page should be embedded.
Bug in the focal length removed.
1.6.0 Jul 17, 2017
Panorama image panel added. If check-mark 'Panoramic image' is set, an expansion button will be displayed above the slide image. Clicking that button will stretch the panorama image so that the full window height is used and you can scroll the panorama horizontally. On a PC scrolling is done automatically if you move the mouse cursor left or right. If check-mark '360° panorama' is set, scrolling continues infinitely on a PC.
On the slide page settings tab is a check-mark 'Replace web location slide image by the web site' added, which allows you to view in the album the website instead of the web location image. To prevent that a possible play bar is hidden by the PhotoSwipe title bar, no title will be displayed over these websites. On a touch device, you can go to the next slide by swiping over the top tool-bar or by using the arrow buttons left and right of the website. These arrows should also be used for navigation on a PC.
The full screen options are now also enabled on Android systems.
It is now possible to add a 'Show location' button in the upper right corner above a slide image.
Solved problems:
Problem with iPhone videos in portrait mode solved.
Google Maps window was sometimes not correct, close button not visible. This has been corrected.
Resize problems with Map page and panorama page solved.
PhotoSwipe menu-zoom problem solved in a new version of photoswipe.min.js
After the download function, the pop-up stays no longer open.
1.5.0 Jun 24, 2017
The PhotoSwipe and the Slide Show 4 skin belong now to the same skinFamily.
'Web location' object implemented for jAlbum version 14.
The slide page shows now for a 'Web location' image in the upper left corner a link 'More info' to open the web location.
New option "This is an album of albums" on the Slide Page settings.
If set, clicking a thumbnail of a web location on the index page will open the corresponding web-page directly, so the corresponding slide page is skipped.
New option on the Links tab: "Clicking the up-arrow button returns to the previous page" (works only if the album has been uploaded to the server).
It is now possible to show keywords below a slide image, if the corresponding option on the Slide Page settings has been set.
1.4.5 Apr 22, 2017
A new check-box 'Show folder icons' enables you to hide the folder tiles.
Check-box 'Show links to folders in the menu bar' moved to a more logical place, to the top of the Index page / General settings.
If a viewer opens a PhotoSwipe album for the first time, a slide is no longer opened full screen.
1.4.4 Apr 12, 2017
This version corrects an orientation bug if iOS version 10.3 is used on an iPhone or iPad.
The video camera icon onto video thumbnails and all button icons are now svg-files leading to sharper images on the buttons, both in the smallest and largest button size.
The location of the photo is now displayed in-line, no longer is a pop-up opened.
With all devices you can open the map via the 'Show location in Google Maps' menu item if the image contains GPS information. With a PC you can also use the 'L' key or arrow down key to open the map. You can close the map again with the close button in the upper right corner, with a swipe down or with the arrow up key.
A new 'Map' settings tab allows you to define the map type, the zoom level and the API key to be used for the display of the location in case the image contains GPS data.
The Play button on top of the index page is no longer showed if check-box 'Show Side Show button' on the Slide page settings is set and the current album page contains only folders.
1.4.3 Mar 27, 2017
The scrolling bars are no longer visible if the top buttons on the index page are hidden.
1.4.2 Mar 23, 2017
The viewer settings button was incorrectly aligned if the home/parent button was absent.
New full-screen icon on the index page; it changes in full-screen mode.
Better code to fetch the orientation of mobile devices.
In Google Chrome version 55 and next, the audio control did show a download button. This button is hidden in this version.
1.4.1 Dec 11, 2016
Bug fix: Full screen button on the index page works now again.
Check-mark 'Disable Viewer Settings' added, if set, the default settings cannot be changed by the viewer.
It is recommended to set that check-mark for embedded albums.
1.3.9 Dec 5, 2016
Changes in PhotoSwipe 1.3.9:
More recent jquery lib version used: jquery-3.1.1.min
Automatic scroll actions to the top of the index file removed.
The default value for Allow swipes on the index page is now On the theme image only for all screen sizes.
It is now possible to use a Google Font for the album title.
1.3.8 Nov 24, 2016
Several integer fields are better validated in this version.
The Full screen button works now too for Chrome and Safari on a PC.
A slide page can now automatically be opened in full screen mode if selected by the viewer in the viewer settings window.
Minimum device screen height removed for the theme image.
1.3.7 Nov 10, 2016
The slide description can now also be composed of the image title and/or comment, the image title is displayed above the image comment, but it is still possible to display the image title in the upper left corner.
You can select 0, 1 or 2 line breaks after a title in the image description.
It is now possible to show the image title on the slide page of a movie.
You can now also enter a link in the image title with code: [link text](link URL).
Problem with quotes in a thumbnail tooltip solved.
Two new group panels on the Index general "Show below thumbnail" and "Show in thumbnail tooltip" allow you to select for these items, the filename and/or the image title and/or description (comment).
Thumbnails maximal vertical margins have been enlarged to 99px to make more space for long text below the thumbnails.
It is now possible to show optionally also a small comment on a folder tile below a folder thumbnail if the new check box "Show comment in folder-tile" is set.
To make more space for text on a folder tile, it is possible to create folder-tiles without thumbnails,.
If you like to give a long description on the album page of the folder, enter this long description in file page-footer_2.inc and the short description in the comment field of the folder thumbnail.
If you have already long comments in the folder thumbnail. you can hide this comment on the folder tile by clearing check-mark 'Show comment in folder tile'.
In case of shadows on the index page, the folder thumbnail gets no shadow now; it stays in the folder tile.
Settings pages layout improved.
Exif info contents and layout improved.
1.3.6 Oct 26, 2016
Problem with void focal length solved.
Some layout changes to solve problems with horizontal scrolling.
1.3.5 Oct 24, 2016
Better implementation of a vertical scrollbar for the settings pages.
1.3.4 Oct 24, 2016
"Manual" removed from the WB if a light source is available.
Scroll bars added to General and Slide Page.
1.3.3 Oct 17, 2016
On an iPhone, the top buttons on the index page are now only shifted in landscape mode, but only if the iOS tool-bar is not displayed.
Better names for the button sets.
More compact focal length reported.
Small change to make the jAlbum vs 13.6b1 parser happy.
1.3.2 Aug 26, 2016
New include files for folders only: page-header-folder_0.inc, page-header-folder_1.inc, page-header-folder_2.inc, page-footer-folder_0.inc
New variable webPageTitle introduced which can be defined on the General tab. Used to set the contents of the title tag in the head section of the web-page
.
The layout of the General page improved.
It is now possible to insert css code at the begin and/or at the end of the common.css file by placing a file inc_at_begin.css and/or inc_at_end.css in the root image directory.
Max width for the theme image added.
It is now also possible to define the mouse hover background color for the menu-bar and tool-bar. The mouse hover color of text in the menu-bar and too-bar is the same as the hyper link mouse hover color.
Mouse hover effects now also for added menu items EXIF, email, location, Google+ and Whatsapp, All share links show on mouse hover a colored background with a white text and download, location and exif shows a black text and gray background.
The default value for the Slide Show Viewing time was too short, it is now set to 5 s.
You see now the scale effect also on touch screens, even if 'Enable yellow information pop-ups on touch screens' is false.
Problem with a "'" character in the filename which was displayed in the upper left corner of the slide page solved.
EXIF problem with an image that did not contain EXIF data solved.
1.3.0 Aug 12, 2016
You can now select an hover scale effect for the thumbnails, by selecting a 'Thumbnail hover scale factor' on the 'Index page' / 'Thumbnails' tab.
It is now possible to hide the footer fields in folder albums.
Check-mark "Use 'Tap image' to start/stop Slide Show on mobile devices" added to the Slide page settings.
The Footer fields are now put in a group-panel.
It is now possible to enter one link in a footer field with code: [link text](link URL).
If the link URL is followed by a '^' character, like '...NL.html^)' the link is opened in a new window.
You can use this code too to enter one link in the image description.
Use this code too in the album description to enter one or more links in the album description.
Problem with orientation change on an iPhone solved.
It is now also possible to define the Hyper text mouse over color
1.2.8 Aug 3, 2016
Sharing via Whatsapp is now possible on an iPhone or on an Android phones.
Via a new check-mark 'Hide comment at the bottom line' it is now possible to hide the image description below the slide page image.
If the 'Show never' option is selected in the 'Top row of buttons' on the Index page / General tab, the top buttons are always hidden and no longer used code of the #nav bar html- and css-code will be removed. The settings window code is also omitted. This is done to avoid problems in embedded albums.
The Index page / Footer tab has been extended with a new check-mark 'Remove footer code, to avoid conflicts in embedded albums.'
1.2.7 Aug 2, 2016
If the resolution of the screen was bigger than the photo size, the slide was closed on a PC if the user did click in the photo,
If on the Slide page settings check-mark 'Use same colors and/or background image as index page' was cleared, the text color as defined in the 'Slide appearance' group had no effect. This has been corrected.
The 'Special' Play and Pause buttons adapted for PhotoSwipe.
Shadow code for theme image corrected. If you select shadow for the theme image, don't use a width of 100% because in that case you see no shadow at the right side; use 98% instead.
It is now also possible to share a slide page on Google+
It now possible to show the contents of the jAlbun Explore Title field in the upper left corner of a slide after the optional counter.
The filename can now be displayed instead of the Title field or after the Title field in the upper left corner with or without file extension in the original format, so with spaces, brackets etc.
1.2.6 Jul 29, 2016
A number of text boxes for integers have been replaced by spinners.
The equivalent 35mm focal length is now also displayed in the EXIF data (if available) and text "Flash did not fire" replaced by "no".
The Facebook check-mark on the General settings has been removed and a Facebook check-mark has been added to the index/General settings page and to the Slide settings page.
Problem with Facebook share link on an iPad solved. Facebook SDK updated to v2.7
The Facebook share dialog of an enlarged image shows now the image and the image description in Facebook.
New code to display the location with the new Google Maps SDK, the map type has been removed, because it was no longer working in the new Google Maps SDK.
Twitter tweets corrected: the Exif info is no longer tweeted.
Error in the Pin-it share action repaired.
You can now hide the EXIF info below an enlarged image by clicking in the EXIF text (works only on a PC).
If you did select 'Show Exif info below the slide image: Always', it is still possible to hide the Exif data for the current slide via the menu, but for the next slide the Exif data is again automatically displayed.
1.2.5 May 7, 2016
A mailto: link was not possible as link, this has been corrected.
If a slideshow is stopped after the last slide, the slide page is closed and the index page is displayed.
1.2.4 May 3, 2016
Bug fix: if the photo description did contain a link and the description was displayed on the index page, the link was not working
1.2.3 Apr 11, 2016
A video thumb may now use an overlay for videos. It is used if check-mark "Superimpose video camera icon onto video thumbnails" is set on the Index page / Thumbnails tab. You should switch off the corresponding check-mark on the jAlbum settings Images / Advanced tab.
Some videos were only partly is visible on small screens, this has been corrected.
The Play Slide Show button has been to the right for iOS and Android devices.
Zoom button removed, it was only visible on a PC.
Check-box 'Stop after the last slide' added.
Help function and button added.
1.2.2 Mar 30, 2016
It is now possible to change the vertical position of a title in the theme image (default 20px).
If a 'Fixed res path' is used, it is now possible to select per album a title in or out the theme image, select the title color and the vertical position of the title in the theme image.
A slide show presentation is now possible if check-mark 'Show Slide Show button' is set on the Slide settings page. Start/Stop slide show is possible via a button in the upper right corner of the Slide page and on a PC also with the space bar. The default viewing time per slide can be changed by the viewer in the viewer settings window.
If check-mark 'Show Slide Show button' is set a start Slide Show button is added to the index page like in the Slide Show 4 skin. Pressing the Enter key of a PC on the Index page will start a slide show starting with the first image.
New fast keys for the slide page if displayed on a PC:
* Key "E" toggles now the EXIF data display on a PC. It hides also the EXIF data if 'Always' has been selected.
* Key "L" shows now the location in Google Maps.
* Space-bar will display the next enlarged image, but if if check-mark 'Show Slide Show button' is set, this start / stop the slide show
The video file name in an email is now correct.
All skin texts are now also translated to the German language in the German text file.
Share menu texts are translated in the Dutch, English and German language.
On a mobile device, the video poster image was not visible, that is now corrected.
A description can now also be displayed below a video.
Custom View panel for links and panorama pictures removed, because that is not supported in the PhotoSwipe skin.
1.2.1 Mar 20, 2016
Code improved and hfill problem on the Music page corrected.
Autoplay removed from the video html code.
To improve the readability if the images description is in the image, it is now possible to select a (semi-transparent) background color for this description.
User manual adapted for the PhotoSwipe skin and help links to the index panels added.
A possible vertical scroll bar in the index page is now hidden on the slide page.
1.2.0 Mar 9, 2016
Video code improved
On the Slide page tab you can now select:
Show Exif info Never, Always or by clicking on a "Show Exif info" button.
If no comment is given in a slide, <br> is removed from the exif info.
The right mouse button context menu is now disabled, so it is no longer possible to save an image with that context menu. Downloading an image is still possible if the 'Download Image' menu entry is enabled by the album creator.
On the index page you can now choose for the top buttons bar: Show Always, Show initially, Hide initially, Hide always. If Show initially or Hide initially is chosen, clicking in the theme image or on the album title will toggle the display of the row of buttons. Option 'Hide always' has been added for use in embedded albums.
The selected swipe area is now also valid if the following screen height text box is empty.
On the index page you can now choose for the album title: Show above theme image, Show in theme image, Hide album title. The last option is added to compose embedded image galleries.
On the Slide page tab you can now select to use the same page colors and background image as used for the index page or to define other colors and background image.
New layout of the Index page settings tab and of the Slide page settings.
The filename is now also displayed in the upper left corner if check mark 'Show Image counter in the upper left corner' is cleared, but 'Show filename in the upper left corner' is checked of the Slide Show settings tab.
1.1.0 Mar 1, 2016
Non-printable char
(Hex: E280A8) which can be generated on a MAC with the Control+Enter key combination is replaced by '<br>'.
The recommended way to generate a new line in an image description is the string '<br>', because that works too on a Windows PC.
The Exif data of an image will be displayed below an enlarged photo if check mark 'Show Exif data' is checked of the Slide page settings tab.
The filename is displayed right of the image counter if check mark 'Show filename after image counter' is checked of the Slide page settings tab.
1.0.10 Feb 19, 2016
A video file is now displayed in the slide page; the video.html file is no longer used.
In case of an video, the download image link is hidden.
1.0.9 Feb 3, 2016
Video problems with FF and IE repaired.
Close button added to the video window.
The video does not open any longer a new window.
If the download option is selected on the slide page, for each image in the items data structure is now a srcHiResImg location for the download image added.
1.0.8 Feb 1, 2016
Video support added.
On the index page tab added check-mark 'Hide initially the top row of buttons'.
If set no buttons are displayed on the top row of the index page.
Click in the theme image or on the album title to toggle the row of buttons.
Mouse hint on the theme image added to explain the click function.
The theme image is now correctly displayed if check-mark 'Open first slide automatically' is set.
1.0.7 Jan 22, 2016
Check-mark 'Open first slide automatically' added. If this is set, the index page is skipped and the first slide is opened.
Old SS4 preload function removed.
If the 'Download image' menu item is activated, the original image will be downloaded if check-mark 'Links to originals via scaled images' has been set and check-mark 'Copy originals' has been set, else if 'Link to hi-res * via scaled images' is set, the corresponding image in folder hi-res will be downloaded, else the images is downloaded from the slides folder. Be sure that check-mark 'Copy originals' has not been set been set, if the images should be downloaded from the slides folder.
Flickering removed if field 'Hide theme image if screen height <' is empty.
Vertical position of Title in theme image changed
1.0.6 Jan 17, 2016
Menu items 'Tweet' and 'Pin it' are now optional.
If the 'Download image' menu item is activated, the original image will be downloaded if check-mark 'Links to originals via scaled images' has been set and check-mark 'Copy originals' has been set, else the images is downloaded from the slides folder. Be sure that check-mark 'Copy originals' has not been set been set, if the images should be downloaded from the slides folder.
If Show location is enabled in the menu, but the photo contains no GPS data, the Show location menu item is not showed.
Old playlist removed in onload.bsh.
The slide page follows now the background of the index page: the same background color or background image is displayed in the slide page.
Also on an iPad and iPhone it is now possible to select a transparent top-bar on the slide page.
1.0.4 Jan 10, 2016
Include file page-header_2.inc was not seen by jAlbum because a preceding </ja:else> had no close bracket.
Text of the "Share" button changed in "Menu".
The image counter can be hidden.
The menu button can be hidden.
1.0.3 Jan 10, 2016
The Share menu is extended with the 'Show Location' and 'Mail this' entries.
Both links can be enabled or disabled and also the 'Download image' entry can be enabled or disabled. The Facebook link can be disabled via the 'General' settings tab.
The same email fields as used in the Slide Show 4 skin are now used.
1.0.2 Jan 3, 2016
An items array is now used to store the image data
All 3 thumbnails presentations of the Slide Show 4 skin can now be used:
1. Variable number of thumbnails per row,
2. Elastic table without table tags,
2. Elastic table with table tags.