Categories
jAlbum Turtle skin

Building Panoramic albums with Turtle

Building panoramic galleries is not fully supported by most of the web album tools today. You need to have some panning tool to be able to conveniently handle these extreme-wide photos. In Turtle 3.2.0 I have introduced some new techniques to support this.

The swipe control has been extended to let users pan panoramic images horizontally and trigger the switch for next (previous) photo only when the right edge gets below the 90% of the window width. The left and right arrows on the keyboard can also be used to pan left and right until you reach the far end, when it falls back to the original previous (next) picture functionality. But a working example is worth a thousand words according to the ancient Chinese wisdom. Click the image below to test it “in vivo”.

Use the Left and Right arrow buttons to pan through, or move the image with the mouse, or simply swipe left and right on touch devices.

Categories
Chameleon skin jAlbum Tutorials

Building panoramic galleries with Chameleon skin

Panoramics are often up to 10:1 aspect ratio, and given that most people view these on landscape orientated computer monitors, the first restriction is image height. Generally, a user doesn’t mind scrolling in one direction, so panoramics that are as high as the monitor but extremely wide can be viewed relatively easily. This therefore dictates a 1-column layout for both the Thumbnail and Images, and a careful choice of image bounds .