The LightGallery skin combines the popular Justified-Gallery type of grid (images maintain their aspect ratio and are resized to have the same height as is also used by Flickr) and the lightGallery light-box library. See http://miromannino.github.io/Justified-Gallery/ and https://github.com/sachinchoolur/lightGallery
It is also possible to select a Masonry layout for the thumbnails in the gallery.
The skin contains many options which allows you, with possible extra files in the output directory, to adapt it to your needs.
Like the FancyBox 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).
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 touch screen devices.
Help-, navigation- settings- and other 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.
20+ Hardware-Accelerated CSS3 slide transitions types are selectable by the viewer. A zoom in / out transition is used if you open or close the light-box,
Some 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 in the optional slide show presentation and the slide transition type and transition time for a slide. The slide show can be started from the slide page, from the index page and fully automatically, where the index page is skipped.
The 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,
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.
Social sharing via Face-book, Twitter, Pinterest, WhatsApp and email is possible via an optional 'Share' button on the index and slide page.
Each slide has an optional 'Zoom in/out', 'Download' and 'Full screen' button. Optionally it is possible to show a thumbnails strip below the slide image.
An album may contain a mix of photos and videos (mp4-files or You-tube or Vimeo videos).
jAlbums web-locations are supported:
You can make a top album of albums or display the web-location in the slide page.
You-tube or Vimeo videos are handled as web-locations. Videos can be started manually or automatically (if supported by the browser) and with muted or non-muted sound.
If GPS information is available in a photo, the location can be displayed in Google Maps or OpenStreetMap.
Use my program MakeMap to make a survey of the photo locations for display in a Google Maps or Google Earth map or OpenStreetMap with links to the slide pages.
The slide page can be embedded in a web-page without the use of an iframe or JSON data.
The lightGallery library used in this skin is a free and open-source library, however a commercial LightGallery license is required if you are using the skin for business, commercial sites, projects, and applications. More information on the “About” tab.
- Sep 18, 2022
- Last updated
- May 9, 2023
Commercial use is allowed only if you pay a 3rd party license and have a jAlbum Pro license.Modifications of the skin are allowed.
1.2.1 May 9, 2023 (current)
It is now possible to use a relative font-size (‰ of the view-port height) for the text in the theme image.
The audio hint display background color copies the background color of the album description only if it is displayed in the theme image.