Like
Likes
15
Downloads
3355
Author
AndreWolff AndreWolff
Install skin

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

Min. jAlbum version
13
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.

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.

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.

For panorama pictures it is advised to enlarge the slide pictures in jAlbum by adding user variable maxImageHeight = 30000 in the Edit window of the picture. Spread two fingers to zoom panoramic images. PhotoSwipe supports JavaScript-based image zooming. Even if a browser’s native zooming has been disabled, image zooming will still work.

Features
Web page supportPlays video filesMulti-language albumsBackground musicDisplays mapResponsive layoutjAlbum widget supportTouch interface supportHas slideshowPlays audio filesFreewareTransition effect(s)Supports foldersDisplays EXIF/IPTC dataUses Javascript
Created
Dec 30, 2015
Last updated
Dec 6, 2016
Support
Homepage

http://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.4.0 Dec 6, 2016 (current)

Bug fix: Full screen option again added to the Viewer settings.

More skins made by AndreWolff

Sign in to post
Write a comment
Post comment
Stephen Parezo

Stephen Parezo 7 days ago

How come you can't see a preview of the album after it is created? Very frustrating!!! Stephen Parezo

Reply
AndreWolff

AndreWolff 7 days ago

I don't know what you mean: I just checked it, if the album is ready after you clicked the Make button, you see the result in the internal browser if check-mark 'Use internal browser' in the preferences is set. And if it is cleared, as I use it myself always, you see a dialog box where you can click 'Preview' to see the result in your default browser

Simozz

Simozz 4 months ago

Thanks for this wondeful skin, man! Just a couple of things you might consider to review in a future release ... 1) Adding the name of the pictures in the thumbnails page works fine, while if you add the filename in the Slide page it has problems showing the brackets () [] and other special characters. 2) In the slide page, usually if you click on the photo, it enlarges it. But if the picture cannot be enlarged, if you click on it it takes you back to the thumbnail page and this might be unusual and disorientating for the user. This is not a request for a change, just a comment :-) Thanks again for the great job on this skin!!!

Reply
AndreWolff

AndreWolff 4 months ago

Your point 1: I did test this and I see no problem with these characters, see my test page http://andrewolff.jalbum.net/Reestdal_PS/#&gid=1&pid=6 Please give a link to the album showing this problem. Your point 2: I seem to remember that I have seen that on a PC, but not on a mobile device. So again, please give me a link to the page showing this behavior I think it will difficult for me to repair this, because it is caused by the PhotSwipe JavaScript gallery kernel code written by  Dmitry Semenov. But if you can reproduce it, I can try to report it to him. Thanks for reporting the problems, but please use next time the forum: http://jalbum.net/forum/forum.jspa?forumID=11

Lars Rasmussen

Lars Rasmussen 11 months ago

Installed 1.0.6 and regenerated the album. Is it possible that the right and left navigation arrows are not displayed now? They are usable if you know they are there, just not visible.

Reply
AndreWolff

AndreWolff 11 months ago

They are visible on a PC, but not on a mobile device. They can also not be visible if you selected a wrong button set, for instance white buttons on a white background. Please ask yhese kind of things next timwe via the jAlbum forum!

thiloilg

thiloilg 11 months ago

Thanks for sharing! I wish you an happy new year 2016!!!

Reply
Bob

Bob 11 months ago

I just had to try this tonite....and it works very well ! When flipping through images, they display cleanly, full screen and move very responsively. And the images look very nice when AirPlayed to my big screen HDTV. Using Safari I can display the images with nothing else on the screen but the image. This is using safari (not chrome), the rotate-from portrait to landscape-maneuver, from my iPhone. That is exactly what I want when displaying images to a HDTV: just the image & perhaps comment and optionally some exif info, and no url bar or other "browser chrome" . The surprising thing is this is displaying my album I generated and uploaded to my own hosted server. So, Andre, what clever magic did you use so I did not have to install all the support stuff we were discussing a couple weeks ago: Node.js, Grunt.js, Ruby and Jekyll ?? I think you have put a lot of work into getting PhotoSwipe working in Jalbum!! Bob

Reply