A picture is worth a thousand words
I wish this was true. I have already written a few hundred books. :) Undoubtedly, pictures can tell a lot, but words have their unique way to grab the visitor’s attention. After all, we humans store information organized into stories.
So far adding text in jAlbum was possible by using comments below images. In the new Story skin there’s no such limitation. You can add paragraps of text – or whatever content by the way – at any place of the album. (You are just reading one such block.) And besides the custom content you can arrange folders and thumbnails too in any order – unlike with many other skins which group them by categories. This makes the result look like a blog post or like a book. Let me guide you through creating a story with Story skin.
Story skin is built around images just like any other photo album. However, here they can appear in 3 fashion: as thumbnails, as single images (a.k.a column-width) and full-width images. The skin picks the display mode based on their aspect ratio. By default the very wide images (> 2 : 1) are treated as full-width, the landscape images as single, and the rest as thumbnails. Here you are a few thumbnails:
In this skin you can add folders at any place. The folders are represented by a larger photo – the so-called “theme image” – and 3 other randomly picked thumbnails. To select an image as theme image just drag’n’drop it onto the "theme image" area on the right. (Right-click → Use as folder thumbnail should work too.)
If you’d like to exclude the theme image from the album – as I did with the “hero” image – just exlude it with the - (minus) button or the button in the top bar.
If jAlbum happens to be too smart and removes the excluded image from the “theme image” just drop it there again.
Text blocks above were already inserted as custom pages. To do this either use Right-click → New page → Empty page or use the New page button it the top bar.
The Title field is used as headline, while the Comment holds the content, which can be HTML formatted. For example you can use
<p> ... </p> tags for creating paragraphs, or
<b> ... </b> for bold text. Just make sure every tag gets closed, besides the self-closing tags, naturally: <img>, <br>, <hr>.
Use the «blockquote» tag to add a quote like this!
If you’d like to include a custom graphics in these sections just drag’n’drop the image into the top level’s res folder. (Create one if there’s no such yet!) Then you can refer to this image as
<img src="res/imagename.jpg" />.
As an example I have included a screenshot of the new Details view mode of jAlbum 20+, which was made specifically for this skin to improve entering lenghty texts.
This image won’t appear elsewhere in the album, only here.
Predefined custom pages
Below you’ll find the custom pages come with the skin: About, Contact and Contents.