Tell your story

with the new Story skin

Half a year ago one user called our attention on a gallery made with Adobe Spark. Besides the stunning photos, the page design was also modern and sexy. It went beyond the confines of a traditional web album, with lengthy texts between photos and stylish animations. This type of use has escaped our attention so far, although many of our users would have appreciated it, I take. This is how Story skin was born.

You can simply drop a handful of photos onto Story – they will look decent –, still this skin excels in its ability creating crafted text-heavy stories. Not only the text, but the presentation of the thumbnails is unique here. They come in 3 flavors making the layout much more exciting. Check out below!

Beyond the new look Story skin has received all the bells and whistles of Tiger or Photoblogger skins; the search, shopping cart, feedback, background music, Google maps just to name a few.

The opening view is a full screen "hero" image, which you can overlay with a semi-transparent color. If you press "Enter" the page scrolls down.

The control buttons are fixed to the top left corner so all the functions remain visible.

This page starts with a custom section. You can add one by New page → Custom.htt. Add "Title" used for headline, add content through the "Comment" field.

The images can be displayed in 3 different modes: as thumbnails, as single images and as full-width images. The skin automatically sorts them out by their aspect ratio.

The widest images are treated as full-width, the images with aspect ratio less than 3 : 2 as thumbnails. The rest in between are treated as single (column-width) images. To control these thresholds visit the Story → Design → Images panel.

If you want to override this automatic treatment for a specific image go to Edit mode → Image data → Treat image as.

These full width images might act as chapter separators. Their title is set in larger font so they stand out.

Blocks of thumbnails in masonry layout look the best if you supply the skin with images of variable orientation / aspect ratio. It pays playing with their order too for the best look.

Folders can be inserted at any place in this skin. The larger thumbnail on the left is the image selected as "Folder thumbnail", the other 3 are randonly picked from the folder on every "Make".

The folders have an alternative background color here, which can also be used for custom sections, thumbnails or simply in an alternating manner.

This skin also novel in the way it handles custom pages. You can leave them as separate pages – just like before –, but in Story you can embed them into the index page too. This results in a single-page layout, which saves visitors from unnecessary navigation.

Here you can play with this album: Tell your story

I hope you will love this skin as much as I enjoyed developing it. Comments are welcome in the Story skin forum. And you can download the skin from here.

/Laza

Presenting jAlbum 20

18 years have passed since we first released jAlbum 1.0. We've now reached v20. Not that many software titles stay around for so many years so we're proud that jAlbum is still relevant, and now it's better than ever. There are about a dozen changes in this release, but here I'll focus on the top 3.

1. The details view

jAlbum's Explore mode now offers a new configurable "Details" view alongside the "File name", "Title", "Comment" and "Keywords" views.

This mode will be very helpful when dealing with a lot of metadata: You can now view and edit the aspects that matters to you at the same time while maintaining the overview that jAlbum's Explorer brings. A quick double click on the "Details" button will bring up the configurator in Preferences. Here you just drag and drop metadata aspects to your liking.

 

The offered aspects are Added date, Camera date, Comment, Creator, Copyright, Copyright URL, Dimensions, File name, Keywords, Modified date, Title and Size (some are read+write and some are read-only). This configurator along with jAlbum's zoom slider allows you to pick the best balance between overview and details that suits your needs.

 

 

 

2. Group by Creator 

Album has a powerful file organizer, somewhat shadowed by it's main role - to produce web galleries. The organizer has previously been capable of grouping files in folders based on camera date, GPS location, file name and keywords. It can also delete duplicates in the process. jAlbum 20 now adds the ability to group files by creator too, perfect for photo clubs and schools managing work from several authors.

 

3. New upload engine

If you've been facing upload difficulties, this change will probably be the most welcome. jAlbum 20 is fitted with a completely rewritten ftp upload engine that's designed to handle shaky network conditions better than before, and be faster too. Without getting technical about it, that's all you need to know, but for those of you who'd like to know what's been changed, here's the story:

Sidenote: This all relates to ftp, ftps and ftpes uploads, it does not affect uploads to jalbum.net where we use a special single connection transfer technique called "zipstreaming".

jAlbum's uploader, like any ftp transfer software utilize multiple simultaneous connections. This speeds up transfers significantly as a large portion of the per-connection time goes to negotiating information about each file transfer with the ftp server. jAlbum's existing upload engine has a pool of "worker threads" each grabbing files for processing from a common work queue. Each worker maintains a dedicated ftp connection for the file transfer operation:

 

One folder is completely processed before proceeding with the next folder. On stable networks, the only downside with this approach is that some threads are idling by the end of each processed folder, waiting for the last transfers to finish. In the real world however, many networks aren't fully stable. There are timeouts, packet losses and a host of issues with various ftp servers. Here's where troubles arise: When IO errors occur, the affected upload worker thread will try to reestablish a new ftp connection and retry the transfer. This does however not always work due to per-user connection limitations usually set up by those who administer the ftp server, so that file is put on a special error queue for processing by some other worker thread by the end of the upload instead. Finally jAlbum tries to write a manifest over all files processed. This is done to speed up future updates to an existing album, but sometimes fails when the dedicated connection used had troubles.

With jAlbum 20's new upload engine, the ftp connections have been decoupled from the upload worker threads, meaning that any worker thread can utilize any free connection from an active connection pool:

 

This gives us several advantages: On error, reattempted uploads can be performed by any free connection, and the connection pool can reestablish new connections while serving existing connections to the workers. More robust, and less time waiting for negotiation. The manifest file and folder creation is also handled over any free connection instead of on a dedicated connection. Again, more robust. Finally, the new uploader doesn't wait for one folder to be completely processed before continuing with the next folder, so we make max use of all available connections at all time.

Congratulations if you've made it this far. Just wanted to explain what an excellent uploader jAlbum 20 now has :-). Now it's the time to give it a try. Download jAlbum 20 today!

Meet the new rating widget and play with photo data!

Laca Molnar

Posted 2.3.2020

by Laca Molnar

During the development of the Filtering and Sort feature for Tiger (and Photoblogger) my mental model was a web shop where you can sophistically filter the products. However, a few users has suggested another use: filtering images by their “meta data” – the data added by the camera. This is something I always wanted to play with too. You can do such in Lightroom with your source images, but now visitors can do this in your web albums. Isn’t this awesome? Beyond the fun factor this new addition can be extremely useful when you sell images or just learn/teach photography.

Another important addition in the latest release is rating. (Find in Settings / Tiger / Site / Extra / Display rating.) By rating visitors can easily gather the best shots before they put them in the cart, or give feedback on them. The rating widget shows up in both the thumbnail view and in the lightbox.

One more thing. The search box was perhaps too subtle – hiding in the top bar – for a webshop use. Now you can choose to place it right in the middle of the “Hero” area, so no one has a chance to miss it. Settings / Tiger / Header / Top bar / Move search box within the Hero area

Check out all these enhancements in this Tiger sample album:

What’s more Photoblogger skin has received the same enhancements (besides the search box) the same day. Check out here:

By the way, this is a good example of how an album with sidebar can perform much better on “Above the fold content” front. Just check out the two screenshots above!

When your switch between Tiger and Photoblogger you don’t lose the settings either – don’t worry –, because they belong to the same skin family. (Note, it’s always best to start experimenting with a fresh copy: use File / Clone project, available in jAlbum 19+.)

Both sample albums have an “Instructions” page, which shows the technical details. Find below all the jAlbum variables worth checking out:

Name Explanation Data type
fileCategory Possible values are audio, folder, image, other, video, webLocation and webPage Single/multiple string
rating Inherits rating from the album creator, but visitors can freely modify it. Numeric range
formatName Type of image: PNG, JPG, TIFF, etc. Single/multiple string
fileSize Size of original file Numeric range
fileDate Date of original file Date range
addedDate Date of image added to album Date range
originalDate Date of picture taken Date range
resolution Original image resolution as written by camera Numeric range
flash If flash was used Single string
focalLength Focal length of the lens Numeric range
focalLength35mm Same as focalLength but converted to 35mm (film) equivalent Numeric range
exposureTime Exposure time Numeric range
resolution Original image resolution as written by camera Numeric range
isoEquivalent ISO equivalent Numeric range
aperture Aperture (F-number) Numeric range
focusDistance Focus distance Numeric range
meteringMode Metering mode (focus/exposure metering method) Single/multiple string
cameraMake Camera make (manufacturer) Single/multiple string
cameraModel Camera model (full model name) Single/multiple string
sensorType Camera sensor type Single/multiple string
keywords Keywords added in jAlbum and IPTC keywords Single/multiple string
category IPTC category Single/multiple string
You can find all the fields here, in the "File metadata" table.

... and some of the metadata of interest found in my pictures:

Name Explanation Data type
Brightness Value
Brigthness Numeric range
Color Space Color space of the recorded image Single/multiple string
Contrast Contrast Single/multiple string
Exposure Bias Value
Exposure bias value Numeric range
Exposure Mode Exposure mode Single/multiple string
Exposure Program Exposure Program Single/multiple string
Lens Model Name and spec. of the lens Single/multiple string
Lens Specification Lens specification Single/multiple string
Scene Capture Type
Scene capture type Single/multiple string
Scene Type Scene type Single/multiple string
Sensitivity Type Sensitivity type Single/multiple string
Sharpness In camera sharpening Single/multiple string
Software Software used to process the image Single/multiple string
White Balance White balance value Single/multiple string
White Balance Mode White balance mode Single/multiple string
You can find the metadata recorded by your camera by Right-click → List metadata

But this is not all. jAlbum provides the possibility of adding custom variables to pictures. In Edit mode look for the "Variables" panel on the right. Here you can add a variable (and it’s value next to it) which you can refer to in the Filtering and Sort data. These variables also work for the Search and Tag cloud features.

Still, if you happen to stumble upon some tricky metadata – e.g. you would like to read out lens parameters from a complex string – you can use the Create custom slide variable tool to mine out data from any available field. Download the tool and read the instructions here.

I hope you’ll find as fun in this as I did. Moreover this is something you can try with a Standard license or (Premium account) too. If you don’t want to bother with filling in the Filtering box, simply import my settings by using the File / Import / Import settings from a published album menu, and provide the link to the sample album above.

Comments are welcome,

Laza

Online jAlbum is now 100% Flash free!

In the shadow of our big desktop client is our less known (and used) online jAlbum, which is a web based and simplified version of jAlbum that our Premium and Power storage customers can use. It's great when you want to create an album and don't have access to your main computer.

It has been using the now deprecated Adobe Flash player for both creating and for some skins when viewing the albums. That has now changed so the online jAlbum is now 100% Flash free! Instead of the Flash uploader there is a modern, easy to use, drag and drop JavaScript uploader. If you upload very large photos the uploader will shrink the photos before uploading them, so the upload process is always quick. And the Flash based skins have been replaced with our most popular skin "Tiger" and our newest skin "Lucid".

If you have created albums with skins that require Flash (EyeSocket, Lumen, Mr.Burns, PhotoStack or PostcardViewer) we recommend that you rebuild those albums with one of the current skins in online jAlbum, to make them work with all web browsers.

Tiger is now also the default skin instead of Turtle, so all new albums will be made with Tiger unless you switch to another skin. And since our iOS- and Android apps are using the online jAlbum engine this also means that all albums made using those apps will be made using Tiger.

In online jAbum there were also an image editor made by Pixlr. That one also used Flash and has stopped working, so we have disabled that editor. Pixlr is working on a new non-Flash based editor and as soon as that one is ready for integration into other web sites we will of course add that one to online jAlbum.

Want to try the improved online jAlbum? Just go to jalbum.net/create!

If you need help activating a storage trial, please contact us!

jAlbum interviewed in WebsitePlanet

I was recently interviewed by web software and services review site WebsitePlanet.com. If you're curious about what keeps a founder like me going after so many years with jAlbum (started in 2002) and my views on the trends and risks in this industry, you'll find this interview interesting. I'll promise that reading it will give you at least one more reason to  use jAlbum :-). All at WebsitePlanet.com