AndreWolff AndreWolff
Install skin

You can also install the skin by unzipping this file into the skin folder.

Min. jAlbum version

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

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

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
Dec 30, 2015
Last updated
Mar 6, 2019

Commercial use is allowed only if you pay a 3rd party license.
Modifications of the skin are allowed.


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.

More skins made by AndreWolff

Sign in to post
Write a comment
Post comment

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


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


AndreWolff 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: 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:


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.


AndreWolff 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.


AndreWolff 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?