You can also install the skin by unzipping this file into the skin folder.
- Min. jAlbum version
The Fancybox skin combines 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) and fancybox, probably the world’s most popular light-box script. See http://miromannino.github.io/Justified-Gallery/ and https://fancyapps.com/fancybox/3/
So like the Slide Show 4 and the PhotoSwipe 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).
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.
Seven transition types are selectable by the viewer. Several other 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 fullscreen mode
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,
This skin allows you to use one central resources folder for all your albums.
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 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 video’s.
If GPS information is available in a photo, the location can be displayed in Google Maps.
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 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 slide page can be embedded in a web-page without the use of an iframe or JSON data.
The fancyBox library is licensed under the GPLv3 license for all open source applications.
A commercial fancyBox license is required for all commercial applications (including sites, themes and apps you plan to sell). More information on the “About” tab.
- Jun 11, 2018
- Last updated
- Dec 7, 2018
- FancyBox forum
Commercial use is allowed only if you pay a 3rd party license.Modifications of the skin are allowed.
1.3.3 Dec 7, 2018 (current)
Bug introduced in version1.3.2 with the tool-tip an album title with a background color solved.
The color and height of the slide show progress-bar are now selectable. Make the color transparent or the height=0 if you do not like to see a progress bar.
The arrow buttons do have now the same background color as the tool-bar buttons, the area around the arrow buttons get the color defined with 'Upper left corner info, description and arrow area background color'.
Two new inc-files added:
File page-header_00.inc inserts code in the <head> section directly after the title and before the link to the common.css file.
File page-footer_00.inc inserts code just before the </body> tag, can be used for links to js-libraries.
If in the skin was selected for the top row of buttons 'Show initially' or 'Hide initially' and the viewer did click one or more times in the theme image or the Title, the last type of display is remembered.
Check-mark 'Clicking the up-arrow button returns to the previous page' works now also correctly for an album with folders.
Problem with the More info link (...) solved, if on the Slide page both check-mark 'Use as background color for the description' and check-mark 'Fill box around the description and attach it to the image' have been set.
If the slide caption below the image requires more then 50% of the screen height, a vertical scroll-bar is added.
If the description contains link code, the converted link is now shown in a thumbnail hint and in a possible description below the thumbnail on the index page.
Corrected: If an album did contain only web locations, a start slide show button was missing, although the slide show was enabled.
It is now possible to replace on small devices the menu-bar by a Hamburger button, via the new check-mark 'Replace menu bar by Hamburger button, if view-port width <' on the 'General' tab.
It is now also possible to define a maximum width for the profile image.