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

Displays mapWeb page supportResponsive layoutPlays audio filesPlays video filesMulti-language albumsTheme image supportSearch within albumFreewareTouch interface supportBackground musicjAlbum widget supportDisplays EXIF/IPTC dataTransition effect(s)Supports foldersHas slideshow
Created
Dec 30, 2015
Last updated
Jul 9, 2025
Homepage

https://www.andrewolff.nl/PhotoSwipeSkinManual/

Usage
Commercial use is allowed, but a jAlbum Pro license is needed.
Modifications of the skin are allowed.

Releases

6.0.0 Jul 9, 2025 (current)

Viewer Settings Improvements
The Viewer Settings window has been improved. The Font-size and Button-size options have been removed from this window.

Responsive Text Sizing
A new checkbox "Font-size varies with the window size" has been added to the General tab.

When enabled, the text size adapts to the width of the browser window.

The selected sizes represent maximum font sizes on large monitors.

On tablets and mobile devices, the font size is automatically reduced, but standard text will never be smaller than 16px.

To see how this works, open this album https://andrewolff.jalbum.net/Pieterpad_PS/ on a PC, on a tablet and on a mobile phone.

Album Title Font Settings
If the Font-size unit in the Album title in theme image group is set to px, the previously displayed font size is no longer used.

Instead, the size specified under Album title font-size on the General tab is applied.

New options 42px and 48px have been added to the Album title font-size dropdown menu.

Thumbnail Caption Sizing
The font size for comments in Justified Gallery thumbnails is now determined by the Thumbnails text font-size setting.

When the "Font-size varies with the window size" checkbox is enabled, the font size adjusts dynamically to the window dimensions.

Modal Window Enhancements
Various improvements have been made to modal windows to enhance usability and presentation.

WhatsApp Sharing Update
Since WhatsApp is now available on tablets, the Share window will also display the WhatsApp icon on these devices.

5.9.5 Jun 11, 2025 (previous)
Show all

More skins made by AndreWolff