Like
Likes
53
Downloads
21696
Author
AndreWolff AndreWolff
Install skin

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

Min. jAlbum version
12.6
Description

This is a small 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.

This skin is the successor of the 'Improved Slide Show 3' skin. In this version there are no separate slide pages, the slide page html code in now also in the index html file. This makes the space required for the album smaller, but more important because there are no page changes, it removes the flashes you see sometimes in the slide show on a Windows PC with IE or Chrome.

Navigation and control is possible via the keyboard on a PC and via one finger swipes on the iPhone or iPad and other touch screen devices. If a viewer prefers that type of interface, he/she can hide all buttons on the screen to get even more emphasis on the photo.

This version adds extra possibilities for the display of panorama pictures and GPS locations in Google Maps.

This skin is adapted for the iPhone / iPad and other mobile devices: large buttons for the navigation and background music via html5 instead of a flash player. So if your album is hosted on the jAlbum server, do not forget to check the check-mark 'Disable the automatic mobile version for this album' after the upload of your album.

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. A movie is automatically started, except on mobile devices which do not allow an automatic start. If the movie is finished, the slide show continues automatically. 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. as icon buttons, in a tool-bar or in the menu-bar at the top of the index page,

Slide changes can be done with one of 6 transition effects (select-able by the viewer) or all in a random way.

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.

You can display the slide show embedded in your web page with an iframe and you can start the slide show 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 or email 'Share' button on the index page and for each slide.

The EXIF data of a picture can be displayed as an option.

Help text in the language of the viewer and the comments in the albums can be translated to every language with the Google translation plug-in..

You can use my program EditPhotoInfo to add web pages for panoramic photos or use panoramic pictures of the 360Cities.net site and to display the photos in a Google Maps or Google Earth map. If the album contains wide (panorama-) pictures, an expand icon is automatically added above the image on the slide page, if (image width > 2.4 * image height) and (image natural height > 1.4 * initially displayed image height).

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.

For a full description of this skin and for more info of my program EditPhotoInfo click on the HOMEPAGE link below or click the 'More examples' link at the top of the index page of the sample album.

Features
Background musicDisplays EXIF/IPTC datajAlbum widget supportPlays video filesUses JavascriptMulti-language albumsFreewarePlays audio filesSupports foldersTouch interface supportResponsive layoutTransition effect(s)Has slideshowWeb page supportDisplays map
Created
Nov 22, 2012
Last updated
Aug 26, 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

3.3.6 Aug 26, 2016 (current)

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.

If the Link panel was open and jAlbum was closed or another project was opened, there was a crash. This has been solved in this version.

You see now the scale effect also on touch screens, even if 'Enable yellow information pop-ups on touch screens' is false.

EXIF problem with an image that did not contain EXIF data solved.

More skins made by AndreWolff

Sign in to post
Write a comment
Post comment
Stefan Burkhardt

Stefan Burkhardt 9 months ago

Hi Andre, what happened to the "Home" button? Since the last version it is no longer visible, although I have entered the URL (as always before). To make it visible, it needs to browse to the page (using the button next to the URL field). This operation does not change the content in the URL field, however, the button now appears! Since I'm editing the albums on one PC and copying them to another, this seems to be a bug... Greetings Stefan

Reply
AndreWolff

AndreWolff 9 months ago

Dear Stephan, I did check the Home link button and noticed that it is working as expected. Before the Slide Show 4 skin creates the link, it checks whether the link item exists on the PC and if it does not exists, no home button is created. If you select a relative URL by selecting a html file via the select button, the item exists by definition. However if you enter an absolute URL, by entering a string in the URL field it will also check whether the link exists except if the string starts with http://. So if I enter in the URL field www.andrewolff.nl, it sees that www.andrewolff.nl does not exists on the PC and it will not show the Home button. But if I enter http://www.andrewolff.nl it will not do the check and the button is visible. Please use the jAlbum forum next time for bug reports, feature requests or other remarks. Regards, André Wolff

timoschuetze

timoschuetze 10 months ago

On the page that views a single picture, there is the possibility of directly sharing the pictures via facebook. I would like to disable this button. How can this be done? I already deselected show facebook buttons in the preferences menu.

Reply
AndreWolff

AndreWolff 10 months ago

If you clear check-mark 'Show Facebook buttons' on the General settings tab, the Facebook button in the menu strip above a slide should also be hidden, but it isn't in the current version. This will be corrected in the next version, thanks for reporting! But please put bugs and feature requests in the 'Other skins' section of the jAlbum forum!

hsterr

hsterr 2 years ago

The only reason not to use this skin are the childish and overdimensioned buttons. Please replace with smaller ones in fresher design

Reply
AndreWolff

AndreWolff 2 years ago

You should read the help information: http://andrewolff.blogspot.nl/2014/07/slide-show-4-skin-manual.html#SS4_General You can choose 5 types of buttons, make the buttons transparent, show the slide buttons only in the pause state or hide the button in the slide show completely and use only swipes and/or fast keys. If the buttons are smaller, they are hard to use on a mobile phone.

tmaman

tmaman 2 years ago

Thank you for your answer. Let me know when your next versions are available. King regards

Reply
AndreWolff

AndreWolff 2 years ago

It is now available in vs 2.4.6

tmaman

tmaman 2 years ago

Hi. Is there a way to custumize the buttons ? They are really ugly... move the music control down ? That would be great !

Reply
AndreWolff

AndreWolff 2 years ago

On the General tab in the Slide Show 4 settings you can make the buttons transparent and /or grey. You can also replace the buttons by your own choice by replacing the png files in the res folders, but it requires icons of the same name and dimensions of 50x50px. May be I move the music control down in the next version 4.4.6