Mercury User's Manual

Title Bar

Title Bar » Theme Image

• Fixed / Parallax / Uncropped / Full page / No theme image: These radio buttons control which type of theme image will be used. A fixed theme image is a constant height. A parallax theme image is large and scrollable, producing the illusion of page depth. The entire width of an uncropped theme image is always shown, which means that it will get shorter as the viewport gets narrower. If the album titles and navigation icons no longer fit within the theme image, they are moved below the image. A full page theme image is displayed over the entire viewport. If no theme image is chosen, the title bar is a simple colored bar.
• Height (px): The height of the theme image, if a fixed theme image is selected.
• Height (%): The maximum height of the theme image that will be visible, expressed as a percentage of the viewport height, if a parallax theme image is selected.
• Max height (px): The maximum height of the theme image, if an uncropped theme image is selected.
• Scroll: If a full page theme image is chosen, it can either scroll with the page, or remain in a fixed position.
• Use...: These radio buttons control whether each folder will show its own theme image, or whether each folder will show the top-level theme image, or whether the theme image will be shown only at the top level of the album. In this last case, folders will display an plain banner title, without any theme image.

Title Bar » Options

• Title bar bottom padding: When using the parallax or full page theme image, the padding below the title bar, expressed as a percentage of the viewport height. The less padding, the lower the title bar appears on the page. The skin ensures that the entire title bar is visible upon page loading, even if the chosen value would otherwise push it off the top of the screen.
• Title background opacity: The opacity of the dimming layer that appears behind the title and description.
• Plain banner min height: A plain banner is normally only tall enough to accommodate its content - titles and navigation icons. This option allows you to specify a taller banner.
• Plain banner top padding: The titles and navigation icons on a plain banner are normally at the top. This option allows you to apply top padding, thereby pushing the content lower within the banner.
• Repeated texture image: Normally, the theme image is a single, large image, proportioned to form the background of the title bar. If this option is chosen, you may, instead, use a small texture image as the theme image. It will not be scaled, and is repeated over the title bar area. Add the texture image as a regular jAlbum object, exclude it (so that it doesn't produce a thumbnail or slide image), then drag it to the Theme image box on the lower right in the jAlbum Explore view.
• Grayscale theme image: If selected, the theme image will be rendered in grayscale, i.e., black and white.
• Plain banner color gradient: If selected, the plain banner is given a color gradient, becoming darker at the bottom. How effective this is depends heavily on the colors being used.
• Border on theme image: If selected, a one-pixel border is shown on the theme image.
• Border on plain banner: If selected, a one-pixel border is shown on the plain colored banner when no theme image is used on that page.