Instructions

How this album was made?

Please note, you can import the album’s settings to be used in your album with the File → Import → Settings from Published Album.... Enter the album’s URL: http://www.lazaworx.com/albums/Cooking/. (This will not import sensitive data, though, like the Facebook App ID, the “custom content” or similar.)

Creating the “Preparation” image

If you want to combine text and image add them as External Content. This means the photo will be used as thumbnail, but in the lightbox it will be replaced by the custom code. You can add any HTML code here, embed code from YouTube or simply a link, so the linked page will be embedded into the lightbox.

Select the image and change to Edit mode
Open the External tab on the right
Add the code in the box. I used this code:
<div style="width:100%; height:100%; position:relative;"> <img src="${imagePath}"> <div style="position:absolute; right:0; top:0; width:50%; background-color:rgba(255,212,31,0.8); padding:1em;"> <h2>Preparation</h2> <ol> <li>Heat oil in a wok</li> <li>Saute onions</li> <li>Add carrot, beans and potato</li> <li>Add pepper, salt and turmeric</li> <li>Stir and fry until brown</li> </ol> </div> </div>
Specify the box size

Adding narration

You can add small audio clips by using jAlbum's "Audio clicp functionality"; select the image → right-click → Audio clip → Record

Creating the “Ingredients” image

Right-click the image and select Set Area Tags
Add the areas (can be people as well) one-by-one. Add titles to areas!
Make sure Settings → Tiger → Lightbox → Info panel → Show regions is ON, and you can change the button’s label here too (if you’re not tagging people for example).

Adding YouTube video

Click the Share button below the video
Select the required video resolution, and other options
Copy/Paste the embed code the the Edit mode → External box
No need to specify the Box size as the skin can read it from the pasted code