

Jalbum responsive update#
Once finished don’t forget to click the Update or Add new button! In the Album title template only the – tags will receive a link to the album. By using the pipe “|” character you can define a fall back variable if the primary is missing, e.g. Use “Presets” to see a few example! Naturally, you can customize it to your taste. The HTML-formatted template for album / photo captions. Please note, some layouts need at least a given number of thumbnails, otherwise they will show empty cards. This ratio is maintained on different screen sizes. If type is not “Slideshow” the projector will show images in a grid type layout, with no automatic rotation: “ Grid” (equal sized thumbnails), “ Masonry” (horizontally equalized thumbnails), “ Mosaic” (predefined layouts with larger and smaller images) and “ Strip” (only one row or column of images depending on the aspect ratio) Naturally, if found less in the album that will be the maximum. The duration of the transition (photo change).

The duration while the image has kept still. In case of Carousel the actual picture’s aspect ratio will be different from this setting, because the AR controls the whole scene’s ratio, and carousel has extra images to the left and right of the middle image.

This ratio is kept on different screen sizes. The transitions will set different timings initially, but you can modify them to your taste afterwards. The different transition types: 2D (Cross fade, Ken Burns, Slide, Stack, Swap, …) or 3D (Carousel, Flip, Book, Cube, Cover flow). Once reached the last image, it’ll continue with the first one. In case of “ Slideshow” the projector will show the images one-by-one, and automatically rotates them. Slideshow settings (if type = “Slideshow”) Useful if you’ve picked folder thumbnails from within the normal album images. If this option is on, the projector will show images (thumbnails) with same names only once. Can be “Original” (as in the album), “Date (newest first)”, “Date (oldest first)” or “File name”.īy turning this option on, no links will be added on images and the title to the jAlbum album. What types of thumbnails to load? Folder thumbnails and / or normal images. Please note, the larger this number (and larger the album itself) the longer it will take to load all the database files.

When you use “Folder path” the counting starts at that level. 1 = Only one level, 2 = Start level + the folders below, etc. The folder depth down to the plugin should load images. If you want to showcase only a subfolder of an album add the relative path from the top album page to the folder, e.g. htaccess file in the album site’s root folder. You can do this by adding Header set Access-Control-Allow-Origin: to the. Note, if you’re using a remote server (another domain) for hosting the jAlbum album, that server need to be set up in a way to allow external file requests. Can be absolute ( ) or relative to site root ( /albums/Tiger). The path to the top level album folder goes here.
Jalbum responsive code#
If you’d like to edit an existing projector place the cursor within the short code and click the button. Just insert the cursor in WordPress Editor wherever you want the projector box to be inserted and click the jAlbum box button in the tool bar.
