Atom 3 User's Manual


Layout » Appearance

Layout » Titles & Captions

Layout » Colors

Layout » Maps & Downloads


Text » Navigation

Text » Other


Code » CSS

Code » Top Info

Code » Bottom Info





Image-Specific Settings

To access image-specific settings, hover on a thumbnail in the main jAlbum editing window, and click More.

Then choose Edit.

Then choose the Atom panel on the right side of the editing window.

Info: Video Support

In Atom, support for videos added to a project is dependent upon the video support built into jAlbum. For videos to work properly in an album, video support must be enabled in jAlbum under Tools (jAlbum in macOS), Preferences, Advanced.

If the processed video dimensions are larger than the image bounds chosen under Album » Settings » Images » Image bounds » Images, the display will be reduced to fit within those bounds and within the browser window, whichever is smaller. If you choose Link to originals for the project, or Use original for one video, the video will be shown in its native size, reduced as necessary to fit within the browser window. The actual video file in the album will not be adjusted - only the display window is scaled down as necessary.

With video support enabled in jAlbum, the core program automatically provides a thumbnail image for the video. In image editing mode, a slider is available to choose a video frame other than the one automatically selected. This can be especially helpful if the video starts with several seconds of a black screen - the automatically-selected frame might be black in that case.

It is possible to provide your own representing image for the video, which could be an image that doesn't even appear in the video. Choose a full-sized image (a regular JPG file, and not just a small thumbnail), change its extension to .thm, and give it the same name as your video. For example, for a video called mydog.mp4, the image file should be named mydog.thm. This file should then be added to the project at the same time the video is added to the project. This image will then be used both for the thumbnail and for the video frame while the video is loading and after it has finished playing.

Your web host must provide video files with the correct header information. The MIME type must be video/mp4 - if an MP4 file is delivered by your web host with any other MIME type, playback will fail in some browsers. If you find that a video in your album plays properly when you preview the album locally, but displays only an error message when viewed from your web host, an incorrect MIME type is the most likely cause. Ideally, your web host should correct the server configuration, but if you can change your own .htaccess file on the server, adding this line will correct the problem:

AddType video/mp4 .mp4

In addition, video files must not be compressed by the server using something like gzip, for example.

Info: Hosted Videos

Atom supports the display of videos hosted on YouTube or Vimeo.

jAlbum does not have a way of extracting a still image from an externally-hosted video to use to create a thumbnail for it. You can use a video editing program to extract a single frame, take a screenshot, or choose any other still image to represent the video in the album. This should be a full-sized JPG image, rather than a thumbnail.

Add the image file that represents the video to the project.

Because the video must be connected to a single image, you cannot use album-level settings. You must choose the settings for this video under Image-Specific Settings. jAlbum cannot determine the dimensions of an externally-hosted video, so these values should be entered manually. Enter the absolute URL for the video.

For a YouTube video, view the video on the YouTube site, click the Share button, and copy the URL that is displayed. Then click the Embed button, and make note of the width and height of the video. If there is no Embed option, that means that the person who posted the video does not allow it to be embedded on any other site, and you will not be able to use it in your album. The skin will accept either of the following URL formats:

The skin will still recognize the following formats, but these should not be used going forward. Support for them is not guaranteed, particularly the first format, which is for the obsolete YouTube Flash player:

For a Vimeo video, view the video on the Vimeo site, and click the Share button, and copy the URL that is displayed. Then click the Embed box, and make note of the width and height of the video. If you see a warning about domain restrictions on embedding, that means that the person who posted the video does not allow it to be embedded on any other site, and you will not be able to use it in your album. The skin will accept either of the following URL formats:

Enter the dimensions for the video in the image-specific settings. You can display the video larger or smaller than its native dimensions, but you should preserve the aspect ratio. If you don't, the video will be displayed with colored bars above and below the video, or on its sides.

Info: HTML Tags and jAlbum Variables

HTML tags and jAlbum variables may be used in a number of different contexts, and will be honored in the album (including things like links). jAlbum variables will be passed to the jAlbum engine and will be evaluated before they are placed in the completed album. Almost all user entries are treated in this manner:

If you use a < or > character in a text string, it is assumed to be part of an HTML tag, and may produce errors if it isn't. If you want to use one of those characters as simple text, use its HTML entity code, instead.

Info: Linking to Originals

If you choose Link to originals in the main jAlbum settings (Album » Settings » Pages), your images will not be scaled or modified in any way. They will be used directly in the slide pages of the album. the skin will adjust the slide display to the visitor's viewport, but because the files have not been scaled, the file sizes may be very large, making this setting a poor choice for a web album. However, you can resize your images before using them in jAlbum, in which case choosing Link to originals might be suitable. If you also select HiDPI images, your original images will be shown at one-half their native dimensions, to preserve clarity on high-density displays.

If you choose Link to originals, videos will be shown in their native dimensions, or to fit within the visitor's viewport, whichever is smaller.

Info: Version Updating

New versions of Atom are published with some regularity. These new versions generally include new features, improvements, and bug fixes. The jAlbum application will let you know when a new version is available, and users are encouraged to download and install the new version.

Info: Browser Support

Atom produces albums that display properly in most browsers.

Atom License

The Atom skin for jAlbum, including all supporting files, source code, compiled code, and scripts, ©2020, Jeffrey Tucker.

The skin uses the following open-source scripts:

You may use the software to create albums for personal or commercial sites. You may distribute copies of the software to others, but for any reuse or distribution, you must make clear to others the license terms of this software. You may modify the software for your own use.

The copyright holder reserves the right to waive or to withdraw any of these terms on a case-by-case basis.

The jAlbum application is free for personal use during the initial trial period, but after that, a Standard license is required. For commercial use, a Pro license is required. Visit the jAlbum site for further information.