# Organization of the album

### Index page

1. Top navigation bar with Home button
2. Up one level Up arrow and parent folders
3. Author or company information
4. Share and Like buttons for social networking
5. Search button
6. Start slideshow Numpad *orSpace

### Image page

1. Previous picture Left arrowswipe right
2. Back to index page / up one level Esc
3. Toggle fit to screen or 1:1 size Numpad +
4. Show/hide captions and other info Numpad -
5. Show/hide thumbnails Numpad -
6. Start/stop slideshow Numpad *orSpace
7. Next picture Right arrowswipe left

# Skin settings

## General

### Skip thumbnail page

Visitors will taken straight to the first image in the album. However if there are sub-albums, you can't skip the thumbnail page.

### Slideshow delay

The time interval beetween each image used in slideshow mode.

### Loop

Do you want the slideshow and navigation return to the first image without warning the visitor after moving beyond the last image?

### Auto-start

Select this if you want the slideshow automatically start on pages with no subfolders.

### Mark files "new" less than ... days old

Mark files with a small [NEW] label if they are new at the time of viewing. Put 0 here to skip the sign.

### After the last image

You can design what should happen after moving beyond the last image. Do nothing = nothing will happen, Start over = will move to the first picture, Up one level = returns the visitor to the parent album (if exists), Back to index page = goes back to the index image, Ask = asks the visitor what to do.

### Album description visible by default

Do you want the album description visible or only on moving the mouse over the header area?

### Thumbnails visible by default

Do you want the thumbnail panel above the images be visible at first visit?

### Info panel visible by default

Do you want the info panel below the images be visible at first visit?

### Fit images to browser

Do you want the images resized to fit into the browser at first visit?

### Shrink only

Images will not be enlarged beyond their original size (1:1)

Visitor preferences will take precedence within an hour Please note, when the visitor hides/shows a panel or change the 1:1 / Fit to window view the preference will be saved as a cookie, and this will be applied to other album pages within 1 hour. After that time the above default behavior will be applied again. When you test the local site, the cookie will not be saved in order to see what your visitor will see.

### Preformat texts on pages, album info and footer

Apply formatting to comments you have enetered for non-album pages, album info and footer. You better turn off when using HTML or javascript code, to leave the code intact.

Simple text formatting bold `*foo*` = foo italic: `+foo+` = foo underline: `_foo_` = foo
image: `!http://c3.jalbum.net/res/icons/languages/16x16/sv.png!`
link: `[http://jalbum.net/]` http://jalbum.net/
named link: `[Visit jAlbum.net!|http://jalbum.net/]` Visit jAlbum.net!
you can even link through an image:
`[!http://c3.jalbum.net/res/icons/languages/16x16/sv.png!|http://jalbum.net/]`

## Header

### Show top navigation

Adds a multi-level navigation bar to the top of every album page.

### Logo

You can pick a logo (JPG or PNG) and use in the top navigation bar as home link.

### Link from the top level page

Adds a link which takes you one level up from the top level page. You can use any absolute or relative URL, not just the one level up (../).

### Theme image size

The theme image size on the opening screen. Use rectangular or portrait shape (width <= height) to create vertically split thumbnail page. I.e. the theme image lies left to the thumbnails.

### Use search box

The visitors can search images in albums by file names, titles and captions. Works in multi-level albums as well.

### Album info window

This box can be used as album or company info box. An (i) button will appear on the header's top rigth corner, and clicking it the header will be displayed on a popup window.

### Top level only

You can choose to display this box to appear on every index page, or only at the top level

Reducing the theme image size If most of your visitors using laptops or other low resolution devices you might want to reduce the theme image height. E.g. 750x250px should work even on 800x600px screens.

Excluding the theme image Simply right click the thumbnail and choose "Use as folder thumbnail" and "Exclude" it before you make the album.

HTML formattingYou can use HTML tags to format your album info window or footer content, even Javascript code! Turn off the Preformat texts on pages, album info and footer on the General tab if you use code! Example: <img src="http://mysite.com/logo.png" style="float:left;" /> <h2>Welcome to my site!</h2> <p>Lorem ipsum dolor sit amed...</p>

## Footer

### Show image count

A single top-level-only navigation bar in the footer.

### Show bottom navigation

A single top-level-only navigation bar in the footer.

### Custom link

You can have a custom link at the bottom of the index page. Put the URL here, e.g. "http://mysite.com/" or if you want a mail link: "mailto:me@mail.com".

### Link text

The text to display with the above link, e.g. "Visit my site" or "Email".

### Custom content

The footer content. This content will be attached to the bottom of the thumbnail (scroller) area.

## Design

### Font family

The base font for the album. Unfortunately you can choose only from a limited set of fonts that are available on most PC's.

### Background image

Select your own background image (only JPG). Plaese note, the background image will only be visible if the chosen style has a background image too. Will not work with styles having plain background.

### Position and tiling

Choose the position and tiling of the background image. You can also choose to make the background stretch into the window, however this is not supported in browsers IE8 and below, and will result in a repeating background with them.

### Use 3D effects

You can turn off 3D effect, like the drop shadows, and inner shadows if you prefer.

### Stick controls to top

Stick the control bar at the top of the screen / right below the thumbnail scroll area.

### Background color

The background color of the album.

### Text color

Color of normal texts.

### Link color

The color of text links.

### Hover color

The color of links when the mouse is over.

### Border color and width

The images can have a border specified here. Set 'Border width' to 0 to skip border.

### Fixed shape thumbnails

Crop all thumbnails to the same size or keep the original proportions, i.e. show all the pictures uncropped (results in mixed portrait and landscape thumbnails).

### Zoom

You can prezoom the thumbnails to have a narrower crop. Use 0% to get the least cropped.

### Reduce thumbs on image page

You can have smaller thumbnails on the image page in the top scroller area, according to the ratio specified here.

Background color might not be visible with styles having graphical background.

## Caption templates

With these templates you can fully customize the content of the caption boxes.

### Images

The caption to show below the images (on the info panel).

### Show image numbers

You can choose to skip the image numbers on the bottom info panel.

### Thumbnails

The content of the small popup windows when you move the mouse over a thumbnail (both on the index page and the thumbnail scroller over the images).

### Place thumbnail captions

The thumbnail captions can be displayed only on hovering the mouse over the thumbnail (as tooltip) or placed below the them (below).

### Show description

Show folder description along with the folder thumbnails?

### Show image count

You can choose if you want to display the image count in the folders.

Use plain text or HTML (standard: HTML5).
Here is the full list of Jalbum variables you can use here. Format: ${variableName}

## Sharing

Let the visitors share your album over social sites in email or 'Like' them.

### Buttons

Facebook's 'Like', Twitter's Tweet, Google +1, or Tumblr buttons with counters, where available. The visitor need to be signed in to the site to be able post his/her like.

### Share on

The sites you can share on your photos: Facebook, Twitter, Digg, Delicious, MySpace, StumbleUpon, Reddit, or via email.

Please note, that Facebook's share function is somewhat buggy as it can't fetch the album thumbnail in many cases. Make sure to fill in the Advanced / Upload path box - this might help Facebook to find it.

## Photo data

Normally several extra data is attached by the camera (Exif) about the exposure parameters, like ISO vlaue, focal length, lens, etc. You can also attach many data by yourself to pictures using the Iptc or Xmp standards using image toools, or simply by Windows / Properties.

### Show photo data

Global switch if to show the embedded Exif, Xmp or Iptc data in photos

### Metadata to display

The metadata labels to look for. Separate them by commas ','. If you need only one value from similar fields use the pipe symbol '|' to group them. The first found value will be displayed.

### Show with label

Show only the value, or show along with its label. E.g. 17-55mm or Lens:17-55mm

Here is the original setting in case you need to restore:photographer|artist|Artist|Owner|Copyright|Iptc.By-line|Iptc.Copyright Notice, Xmp.Creator, Xmp.Title, objectName, Xmp.Subject, Xmp.Description, Iptc.keywords, Xmp.Format, Xmp.Rights, Xmp.Identifier, Xmp.Label, Country/Primary Location, Province/State, City, Sub-location, originalDate|Date/Time Original|Date/Time|CreateDate|ModifyDate, camera|Model, lens|Lens|Xmp.Lens-Information|Canon Makernote.Unknown tag (0x0095), focalLength35mm|focusDistance|Focal Length|Focallength, SubjectDistance, meteringMode|Metering Mode, isoEquivalent|ISO Speed Ratings, exposureTime|Exposure Time|Shutter Speed Value|ShutterSpeedValue, Aperture Value|aperture|F-Number|FNumber|Aperturevalue, Exposure Bias Value, Exposure Program|Exposureprogram|Exposure Mode, Xmp.SceneType, White Balance|WhiteBalance, Xmp.ColorSpace, Xmp.LightSource, flash|Flash, resolutionCopy and paste back to Jalbum.

## Map

In Turtle you have two options to attach GPS location to pictures. You can add the coordinates the traditional way using some GeoTagging application, like Picasa, or simply add the coordinates within Jalbum.

### Show map if GPS coordinates found

Show a Google Maps map with each photo holding GPS data.

### All photos

All placemarks will placed on map, with the current one highlighted. You can also click through the placemarks to see the other photos.

### Initial view

You can choose: Road map, Satellite, Hybrid and Terrain

### Initial zoom

Zoom level: 0=Earth view ... 20=highest zoom (dafault=18)

### GPS location (lat, lon)

You can add a coordinate to any picture by using the Image Data -> Location box in the bottom right corner (Edit mode). Use Google maps GPS format: 00.0000, 00.00000 - Eastern and Southern coordinates should be preceeded with '-' sign.

## Selling photos

### Add a smart shopping cart to your pages

Global switch for the shopping cart integration. Please note, that this feature works only if you have a Premium or Power account or have a PRO license.

### Gateway

The payment processor site. You can currently use Paypal or Google Checkout.

### Seller ID

Your Paypal ID (your email used with PP) or Google Checkout seller ID (14 digits). You need to sign up with the payment site first. Please note, that due to a jAlbum anomaly you need to add your Google ID with a '=' or '*' as first character.

### Currency

Choose the currency, or give the 3 letter currency code if not found in the list.

### Overall handling

An overall handling fee added only once per finished cart. You can use this as Package and Posting fee.

### Shopping options

Put the options in separate lines. Use this format: Option name=price+shipping

Different shopping options per picture You can add individual shopping options to pictures at the Image data -> Shop options box in the bottom right corner in Edit mode (see at Maps section). For pictures with no individual data the defaults will be used from the Selling photos panel.

## Audio and video

### Auto start videos

Shall the videos start automatically, or only after clicking the play button.

### Video size

The pixel dimensions of the videos. You can specify the video sizes individually (if they are different) in the Edit Mode -> Image data -> Video size box.

### Auto start music

Shall the audio files in the album start automatically?

### Background music

Add background music to your albums. If you want the music scaled for web use, prease trasncode the MP3 file first to e.g. 96 kbit/s, joint stereo. This can reduce the music file size (and load time) the fourth of the original size.

### Use album audio files as background music

If you select this option all audio files will be used as background music, and will be taken out of the normal album files.

### Auto-start

Would like the background music start automatically upon page load?

### Loop

Shall the background music start over after the last song?

###

## Advanced

### Transition

Cross image transition type and speed (in milliseconds). Cross fade, Cross fade + Zoom and None is available. Use Cross fade for better viewing experience on less capable devices or use None if you want to avoid all transitions.

### Enable mouse wheel navigation

You might want to disable if the album will be embedded in another page to avoid conflicts. In Turtle the mouse wheel action is rendered to previous / next image, but this can be annoying if you just want to scroll the outer page.

### Enable keyboard navigation

You might want to disable the keyboard if the album is embedded into another page.

### Right click protect

Disables the right-click action on the images (only).

### Watermark

You can add a small watermark at the bottom right corner of each image.

### Google Site ID

Entering your site id here the album will contain the code necessary for Google Analytics, to track traffic on the page. Acquire the ID here.

### Upload Path

Leave empty if you upload your album to jalbum.net. If you upload to your own site you need to set this path in order some social sites can pick up the album thumbnail. You can leave this field empty if you are uploading to your site root. If you are using as folder name something other than the album name, just add a slash character at the end '/', e.g. 'albums/album1/'. If you are using the default folder name jalbum offers, e.g. 'My%20album' you only need to specify here the parent folder's path, e.g. 'albums'.

### Debug mode

Turtle starts in debug mode, so all javascript code can be debugged. Useful if you have a javascript error, and want to debug / report it.

### Variables

Variables to report on jAlbum's System Console (F7). You can leave empty.

## Further help

Turtle forum — Need further help? Ask here!

The latest skin version — Get the latest and greatest Turtle

Jalbum.net's help section — Manual, Tutorials, FAQ

Skin developer center — All about skin development

## Copyright

Copyright © 2010, by Laszlo Molnar

Longtail video — The Flash video player used in Turtle is licensed only for non-commercial use, thus you need to buy a commercial license if you want to use it for commercial purposes.