This question is answered. Helpful answers available: 2. Correct answers available: 1.


Permlink Replies: 0 - Pages: 1
AndreWolff

Posts: 2,149
Registered: 14-Dec-2007
New version 1.7.3 of the PhotoSwipe skin
Posted: 24-Jun-2017 20:02
 
  Click to reply to this thread Reply
Changes in version 1.7.3 of the PhotoSwipe skin:

  • 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.
  • 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.
  • 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:


The section above the horizontal line defines the title properties.

The section between the two horizontal lines determines the source of the theme image. There are 4 ways to generate a theme image:

1. In the Theme Image field you can enter the name of the theme image to be displayed at the top of the index page, but you can also browse to the theme image by clicking the browse button to the right of this field. Leave this field empty if no theme image is used.
2. Via an include file page-header_2.inc
3. Via the Theme Image on the Folder panel (requires jAlbum V15). To use this, set check-mark ‘If this field is blank or the Theme image is not found, use the Theme Image on the Folder panel'. 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 you use the Folder panel and check-mark ‘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 via the two text boxes after the check-mark. If a field is left empty, the corresponding image bound defined on the jAlbum Images / General tab is used.

If method 1 is used, methods 3 and 4 are ignore and if method 3 or 4 is used, the use of include file page-header_2.inc is excluded.

The section below the 2nd horizontal line defines the display of the theme image. You can display the theme image as a background image with a constant height or as a responsive image which adapts his size to the size of the window. On large displays there is not much difference between the two methods (Click here to open an album with a theme image used as background image and click here to open an album with a theme image used as responsive image), but on small devices like an iPhone the difference is significant as you can see in the next two screen-dumps:





Previous changes and solved problems:

  • With the new option ‘Justified Gallery' on the Thumbnails tab of the index page settings, the number of thumbnails on a row on the index page will be reduced if the screen width is reduced, but all thumbnails on a row do get the same height and all rows except mostly the last row will get the same length, see here for an example. Because the slide border and shadow parameters are not used if this option is selected, the panel which contains these parameters is disabled and a special panel for Justified Gallery parameters is enabled if this option is selected. Details of the Justified Gallery parameters are documented in the Justified Gallery documentation.
  • If you set the new 'Spherical panoramic image' check-box in the ‘Panoramic image’ panel, the panorama will be displayed in the interactive Photo Sphere Viewer created by Jérémy Heleine. Click here to see an album made with spherical panoramic pictures. You should only do this if it is horizontally a 360° panorama. In the ideal case the panorama should vertically span an angular range of 180°, so in that case you have an aspect ratio of 2:1. Special 360° cameras, like the Ricoh Theta V, create these images exactly, see the first 3 panorama pictures in the example album. However if the panorama is made with a normal camera, where the images are stitched by a multi row stitching program like Autopano Pro, the aspect ratio may be larger, but in that case you can still use this viewer, as you can see with the other panoramic pictures in the example album. This viewer can be used in jAlbum version 13 and 14; the new ‘360° image’ panel introduced in jAlbum 14.2 is not used in the Slide Show 4 and PhotoSwipe implementation of the Photo Sphere Viewer. You can use the panoramic images generated by jAlbum in the ‘slides’ folder. However it is also possible to use special panoramic images not processed by jAlbum, by storing these pictures in a ‘panslides’ sub directory of the output directory. The name of the image in the ‘panslides’ folder should be equal to the name of the corresponding slide image in the ‘slides’ folder. The image in the ‘slides’ folder will be presented on the slide page and if the same image name is found in the ‘panslides’ folder, that image is used if the expansion button is clicked. If such an image is not found in the ‘panslides’ folder, the Photo Sphere Viewer will use the image in the ‘slides’ folder. It is also possible to use for the slide page and the viewer different images. To do that make the album and next copy the image from the ‘slides’ folder to the ‘panslides’ folder. Next edit the corresponding image in the images folder and make the album again. This procedure is used for the first slide in the example album. Note: You can’t display a spherical panorama locally, you should upload your album to test this. Version 1.7.1 gives a warning message if you try to view a spherical panorama locally.
  • 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.
  • 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. See here for an example. The buttons in this example are made with these settings on the Links tab:
  • 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.
  • Bug fix: the Map type and Zoom level were not correctly copied from the Map settings tab.
  • Problem with keywords.length() in jAlbum 14.1.13 solved.
  • Problem with Google Maps apiKey solved.
  • Several http links replaced by https links.
  • 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.
  • 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.
  • 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. For a demo open the video sample album

  • 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.
  • 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 slide pages.
  • 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. So you can use now menu item 'Album / Embed album' to get the code to embed an index page or slide page in a website. Here is an example of an embedded album (index page) , here is an example of an embedded slide show and here is an example of an embedded gallery.
  • Bug in the focal length removed.

  • 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. To see an example, open my PhotoSwipe panorama sample album.
  • 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. To see an example, open my PhotoSwipe in-line 360° panorama sample album.
  • 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. For an example see this album.
  • 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.

  • The PhotoSwipe and the Slide Show 4 skin belong now to the same skinFamily, this simplifies moving from one skin to another without having to re-enter the same settings.
  • 'Web location' object implemented for jAlbum version 14, with a new option: "This is an album of albums" on the PhotoSwipe - General settings tab. 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, see my Vechtdal album. If you click on a thumbnail, the corresponding album will be opened in the same tab. Return to the parent album of albums by clicking the up arrow button on top of the child album. If this option not set, clicking a thumbnail will open the slide image which corresponds with the web location. Next the web location is opened in a new tab by clicking the 'More info' link in the upper left corner above the web location slide image, to see it click on the first thumbnail of this album.
  • 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 and the album contains no folders).
  • It is now possible to show keywords below a slide image, if the corresponding option on the Slide Page settings has been set. For an example click here. On the bottom you see in the slide image description the Title, the Keywords and the Comment. The File name is displayed in the upper left corner.

Edited by: AndreWolff on 17-Jul-2017 12:53

Edited by: AndreWolff on 10-Aug-2017 17:58

Edited by: AndreWolff on 14-Aug-2017 09:29

Edited by: AndreWolff on 14-Sep-2017 11:54

Edited by: AndreWolff on 13-Oct-2017 12:43

Edited by: AndreWolff on 29-Oct-2017 19:42

Edited by: AndreWolff on 30-Oct-2017 09:51

Edited by: AndreWolff on 21-Nov-2017 11:20
Legend
Forum admins
Helpful Answer
Correct Answer

Point your RSS reader here for a feed of the latest messages in all forums