# Organization of the album

### Splash page

1. Up one level Up arrow
2. Start slideshow Numpad * orSpace
3. Subalbums and thumbnails (if exists)
4. Share and Like buttons

### Image page

1. Thumbnail navigation window
2. Previous picture Left arrow
3. Back to splash page / up one level Up arrow
4. Toggle fit to screen or 1:1 size Numpad +
5. Show/hide captions and other info Numpad -
6. Show/hide thumbnails Numpad -
7. Start/stop slideshow Numpad * orSpace
8. Next picture Right arrow
9. Double click the image to switch between fit to window or 1:1 magnification. You can also drag and move if larger than the screen.
10. Information window: caption, photo data, map, shopping cart, etc.

# Skin settings

## General

### 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 splash screen. You can control if the splash screen is used with the 'Directory depth to use' field in the 'Splash screen' options.

### Mark files as new

Mark files with a small [*] new at the time of viewing. Put 0 here to skip the sign.

### Asks what to do reaching the last frame

The visitor can decide on where to go next: Up one level | Start over | Stop (nothing)

### Use breadcrumb path

Breadcrumb path is the clickable path of upper-level folders.

### Uplink from the top level page

Adds a link which takes you one level up from the top level page.

### 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).

### 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.

## Splash screen

The screen you see first, the folders and thumbnails of images. The image used here will be the one you select as "Use as folder thumbnail" in Jalbum. If you don't pick one manually Jalbum will select the first image.

### Directory depth to use

Beyond this directory level there will be no splash screen at all, you'll go directly to the first picture. Please note, the splash screen will always be generated on pages containing subfolders, because there's no other way to navigato to them.

### Splash image size

The theme image size on the opening screen.

### Custom link

You can have a custom link at the bottom of the splash 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".

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

Excluding the splash image If you don't want the splash image appear within the normal images, first make the album the usual way, then exclude the image (with the exlude button or '-' key) and Make it again. (Make sure the Tools / Preferences / Album / Synchronize output directory is turned off.)

## 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 color

The background color of the album.

### 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 have no border.

### Reduce thumbs on image page

You can have smaller thumbnails on the image page in the top scroller area, reduced by the amount specified here.

Background color will not be visible with styles having graphic background, e.g. BlackBlue.

## Caption templates

With these templates you can fully customize the content of the caption boxes. Takes some HTML knowledge and knowing the Jalbum variables.

### Images

What do you want to be displayed below the images (on the info panel|).

### Thumbnails

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

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

## Sharing

You can add a Facebook "Like" button to your albums or share the photos on many social sites or in email.

### Facebook 'Like' button

Adds a Facebook 'Like' button with a counter to the Splash page. You need to be logged on to Facebook to be able to share.

### Twitter's 'Tweet' button

Adds a 'Tweet' button to the Splash page to share the album on Twitter. You need to be logged on to Twitter to be able to post a tweet.

### Share on

The sites you can share on your photos: Facebook, Twitter, Digg, Delicious, MySpace, StumbleUpon, Email

Please note, that Facebook's share function is somewhat buggy as it can't fetch the album thumbnail in many cases.

## 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 to pictures using the Iptc or Xmp standards using image origanizer applications, 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 Google map with each photo holding GPS data?

### Initial view

You can choose: Map, Satellite, Hybrid and Terrain

### Initial zoom

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

### Google Maps key

You need to apply first for a unique key from Google

### GPS location (lat, lon)

You can add a coordinate to any picture by using the Image Data -> GPS 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

### Sell photos through Paypal

Global switch for Paypal shopping cart integration

### Paypal email

Your Paypal ID. You need to sign up with Paypal first.

### Currency

The 3 letter currency code (e.g. USD, GBP, EUR)

### Overall handling

An overall handling fee added only once per finished cart

### 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 -> Shopping 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 music

Would like the music start automatically upon page load?

### Loop

Shall the music start over after the last song?

### Auto start videos

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

### Video size

The pixel dimensions of the videos. Not all browser / player plugin can fit the videos to player widow.

Background music If you want to add background music to your album just drag and drop some music onto the album (at any position), and Turtle will handle it - adds a player, and hides the audio files from the normal album.

## Advanced

### 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.

### Right click protect

Disables the right-click action on the images

### 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'.

### Add content for JavaScript disabled browsers

Page is loaded in browsers with JavaScript turned off as a list of images. This feature might be useful for SEO (Search Engine Optimization) purposes. Being a Javascript-based album, search engine bots cannot find all the images, because they're loaded later, upon user interaction. This noscript content might do the trick, and the bots will index all the images in the album.

## Changes

### Internal links have changed using the filename instead of picture number!

This change is needed in order to keep picture links permanent. For example if you add a photo to a published album the picture number (index.html#15) will no longer point to the same photo after the insertion, while (index.html#IMG_0123.JPG) will always take you to the right place. This change will only affect albums originally created with the old (< 1.4.2) version and later updated with the new version.

- The old external links (bookmarks) will work but may point to the wrong photo (just as before)
- The individual photo comments will not show up, only those added after the update

If you want to keep the old functionality, e.g. keep the old comments of the individual photos just add the following variable in the Settings / Advanced / User Variables panel: `Name:numberLinks Value:true`

## 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.