“I want a portfolio/gallery/slideshow to show off my work.”

Posted by on Nov 16, 2009 in Tech 101 | No Comments

Well kitten, there are a lotta options out there, and very few explain in plain English what they do and don’t offer, or how they might actually be of use. Plus, most of them are written for pure geeks, since that’s who generally implements them. As your translator and guide, I’m going to help you narrow it down from the point of what you need, versus what’s being sold.

MINIMAL
If what you need is a clean, simple slideshow for a half a dozen shots (e.g. to add some ambience/fun to a page), then what you want to ask for is a “basic slideshow with automatic transitions, no captions, no controls.” Something like this or this (scroll down) or this.

STANDARD
If what you want is a larger gallery of images, with thumbnails, captions, user-navigation controls, then what you want to ask for is “a gallery slideshow with customizable captions, transitions, and user-nav controls.” Something like this, or this, or this (which is similar to iTunes CoverFlow). Or even a super-sized version, like this.

DELUXE
If you have multiple categories of images (e.g. photos separated into “interiors” “exteriors” “annoying in-laws”) etc then you need to add “multiple galleries” to the description. As with cars, more options = higher price. At this point, you’re probably looking at a Flash option.

Thumbnails: don’t settle for a row of numbers. Tiny preview versions of each image make navigation much more intuitive and efficient. This is an automatic process with most plug-ins, so the cost difference is minimal.

WHICH FORMAT?
Most options boil down to 2 choices: Flash or jQuery. Both are fully compatible with most modern browsers. They can both be customized to match the look and feel of your brand. While some search engines do not scan the text captions in either option well, fret not, as there are legitimate workarounds. Both can be embedded in your page alongside scannable text and other navigation (i.e. your site does not have to be all Flash, and yes, you can have permalink pages with flash embedded for easier sharing and bookmarking). Both can display video. Here’s where they differ:

FLASH (with XML)
Pros:
1) More features for animation, games, or video.
2) Better quality results for video using .flv format.
3) Audio (sound/music options) is more developed in flash.
4) Plug-in is free to download in the unlikely event that a user has an ancient browser (circa 2001).
5) All images display in a uniform size = formal, consistent presentation.
6) Considered more deluxe (more features) and more robust as it’s been around longer than jQuery.

Cons:
1) Does not display on iPhones (yet).
2) Old versions of flash slideshows use a client side plugin = possible slower downloads (translation: your user’s computer must do the heavy work, so mileage may vary, depending on age/speed of each user’s computer). Be sure to ask for Flash + XML/actionscript to avoid this.
3) All images must be the same width/height ratio to avoid distortion. Yes, the images can be auto-processed to achieve this with mixed results. If you’re big on quality, don’t skimp on this, have the images processed manually in Photoshop.
4) Can be more expensive as it requires a Flash programmer to create the initial file.

jQuery
Pros: the current darling of developers, it has fewer features than Flash, and is therefore simpler to code. It’s perfect for basic slideshows and galleries.

1) Displays on iPhones and other mobile smart phones. Yay!
2) Overlay effect (page dims in background, image gallery floats above it) = users less likely to leave your site or get lost. Great for large sized images.
3) Images can vary in width/height = less prep time for each image = cheaper maintenance.
4) Server-side includes = fast downloads (translation: all the heavy lifting is done by the website server, not your user’s computer)
5) No download necessary. Ever.

Cons:
1) Fewer features than flash.
2) Images display at different height/width sizes = less formal, less cohesive visuals. While this might be a plus for some brands, if you’re aiming for a high-end market, casual is generally not advised.

So. Do you need a deluxe version or a basic?