- Downloads
- 10899
- Author
-
AndreWolff
-
Install skin
You can also install the skin by unzipping this file into the skin folder.
- Min. jAlbum version
- 15.3
- Description
The PhotoSwipe skin has the same index page as the Slide Show 4 skin, but the Slide page is replaced by the PhotoSwipe JavaScript gallery developed by Dmitry Semenov, see http://photoswipe.com/
So like the Slide Show 4 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.
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, drag to pan, pinch to zoom out or close, tap to toggle the controls, double-tap to zoom, 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: you can choose for an elastic table where the thumbnails grow or change if the window size changes or you can choose to reduce the number of thumbnails per row if the window width is reduced or make an elegant image gallery with the Justified Gallery plugin. A Justified Image Grid respects the original aspect ratio, no detail is lost due to cropping.
An album may contain a mix of photos and movies. For thumbnails of movies on the index page a special border color may be selected.
This skin allows you to use one central resources folder for all your albums
Several 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.
You can display the album embedded in your web page with an iframe and you can show the first enlarged picture from a link on your web page without displaying the index page with thumb-nails.
You can choose for fixed shape thumbnails or for thumbnails with the full aspect ratio (no part of the picture cropped, but showing everything).
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 and email 'Share' button on the index page and for each slide share links to Facebook, Twitter, email and Pinterest. If GPS information is available in a photo, the location can be displayed in Google Maps. Finally each slide has an optional 'Download' link.
Use my program MakeMap to display the photos in a Google Maps or Google Earth map with links to the slide pages.
If the album contains wide (panorama-) pictures, an expand icon is added above the image 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.
It is also possible to view your panoramic pictures on external pages like the 360Cities.net site or with Google street View.
jAlbums 14 web-locations are supported:
You can make a top album of albums or display the web-location in the slide page as an image with a link to open the website in a new tab or you can display the website instead of a slide image. Via extra buttons you can navigate to other parts of the album. You can use this mode to display YouTube videos and/or external panorama pages in-line in the album.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. This theme image can be used as background image or as a normal (responsive-) image, defined on the Theme image tab.
- Features
-
Plays video filesTransition effect(s)Has slideshowPlays audio filesBackground musicDisplays mapjAlbum widget supportDisplays EXIF/IPTC dataFreewareWeb page supportUses JavascriptTouch interface supportResponsive layoutMulti-language albumsSupports folders
- Created
- Dec 30, 2015
- Last updated
- Mar 6, 2019
- Support
- PhotoSwipe forum
- Homepage
-
https://andrewolff.blogspot.nl/2014/07/slide-show-4-skin-manual.html
- Usage
-
Commercial use is allowed only if you pay a 3rd party license.Modifications of the skin are allowed.
Releases
1.9.8 Mar 6, 2019 (current)
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.
Previous versions
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.
More skins made by AndreWolff
edburdick 11 months ago
Since updating to the latest versions of Jalbum and Photoswipe,, my videos don't start at all on my android devices running Chrome. The site is at http://www.edburdick.net/Picturelib/2017v-tanzania-trip/ . Is this an introduced bug, or am I doing something wrong? Note it does work on Firefox for Android, the noticeable difference being that there is a play button and time line at the bottom in firefox, but a play button in the middle of the player in Chrome. Are they using different players? jAlbum 15.4, PhotoSwipe 1.8.4 Thanks for any help
ReplyAndreWolff 11 months ago
Hi Ed, I just tested your Maasai teenagers video: It runs fine on my iPad under iOS. I have a very old Android tablet, but there it runs fine with Chrome. I have another newer Android tablet where it does not run under Crome. Next I installed Firefox on that tablet and there it runs also OK. So I have no idea to solve your problem, unless you are going to use Firefox. Ed, please report problems in the forum: http://jalbum.net/forum/forum.jspa?forumID=11 This makes it easier to add enclosures like screen dumps etc. and you you could get suggestions from others having the same problem. Best regards, André
AndreWolff 11 months ago
Hi Ed, I tested the movie of your Masai teenagers. It runs OK on my iPad under iOS 11. It runs also OK on a very old Android tablet under Chrome. It does not run under Chrome with a newer Android tablet, but next I installed Firefox where it runs also OK. So am afraid I can't offer a solution apart fro advising you to use Firefox instead of Chrome. Please report problems in the forum: http://jalbum.net/forum/forum.jspa?forumID=11 This makes it easier to add enclosures like screen dumps etc. and you might get advise of others having the same problem. Best regards, André
edburdick 2 years ago
I really like this skin for the way it adapts to different devices. A couple of questions... Is there support for multiple levels of folders? Jalbum lets me create one, but when I click on it, the images I put in it are not displayed. Instead, it is as if I went to the first image at the same level as the folder. To scroll a bunch of thumbnails on a phone, I cannot swipe over the thumbnails, but need to use empty space on the edges. Is there a setting that supports swiping over the thumbnails? Thanks for the great work.
ReplyAndreWolff 2 years ago
I do not understand your question about multiple levels of folders, could you please give a link to that album? About the swipes: try the various settings on the Index pages / General with the selection box after "Allows swipes:".
AndreWolff 2 years ago
BTW Ed, please report problems in the forum: http://jalbum.net/forum/forum.jspa?forumID=11 This makes it easier to add enclosures like screen dumps etc. I don't see problems with multiple levels of folders as you can see in this test album: http://andrewolff.jalbum.net/Vecht_Beerze_PS/index.html
AndreWolff 2 years ago
Did you see this remark in the manual: If an album contains folder albums, the thumbnail folder icons are displayed in a second table of thumbnail folder icons after the slide picture thumbnails of the top album. However it is the responsibility of the album creator that the folders are located after all normal images in the jAlbum Explore.
rundlewood 3 years ago
Andre, Thanks for getting back to me so quickly. After your email, I uninstalled Firefox and then did a clear install of it. That seems to have solved the problem. I did check that the browser view was reset though before doing this. I have not uploaded the site, am playing with different responsive skins and trying to integrate them into my website.
ReplyAndreWolff 3 years ago
Ok nice to hear the problem is solved! I still like to get your link if the result is uploaded!
rundlewood 3 years ago
I have been looking at the code using Firefox's Inspector and the body font seems to be reset. The code is: instead of the 16px also I noticed that the H1 Tag is being reset : My setting in Album settings are Font-size: 16px and album title font-size : 22px Hope this info helps.
ReplyAndreWolff 3 years ago
Well I can't reproduce this problem in my Firefox 50.0.2 version. I see in the inspector indeed font-size: 16px; with a line erased, but that is correct because this is modified in my Javascript SetViewersettings function.. What happens if you change the font size to 200% or 50% in the ste viewer settings window? Please give a link to your album, so that I can check it!
rundlewood 3 years ago
Photoswipe and Firefox 50.1.0 I created a basic photoswipe album and when I display it in firefox the fontsizes and not displayed correctly. They seem to be defaulting to 8px instead of the 16px in the settings. When displayed in Internet explorer the fonts are correct. Any suggestions of how to fix this?
Reply
+ many more...
