Facebook popularized a great and convenient way of identifying people or objects within a photo. The technique is called photo-tagging and is used for annotating images. There are some pretty neat javascript classes to apply facebook style photo tagging to the image galleries on your website or blog.
Taggify
Taggify is a web widget which allows bloggers and publishers enhance their sites by adding image tooltips linked to certain image’s reqions. Image regions become clickable and tagged with some title, description and link. When visitor moves mouse over the image, Taggify widget shows a nice tooltip with related content provided by the publisher.
Once you mark out the images and add textual notes for the person or the object, this is what it looks like:
Type: Free
Compatibility: Internet Explorer 6+, Firefox 2.0+, Safari 2.0+, Opera 9+
Website: http://www.taggify.net/
TipImage
Tipmage is a javascript class aimed at creating and managing tooltips (or “notes”) over images. It looks very similar to the Bing home page. Tipmage makes it possible to mark rectangular portions of an image and attach a description to each one of them. The description will be shown as a tooltip when the mouse is over the right section of the image.
The class can work in two ways: in normal mode it just shows the tooltips, while in edit mode it also allows the user to edit them. An external CSS stylesheet allows to customize the appearance of the user interface.
Type: Free
Compatibility: Internet Explorer 5.5+, Firefox 1.0+, Safari 2.0+, Opera 7.6+
Website: http://digitalhymn.com/argilla/tipmage/
FotoNotes
Fotonotes is probably the oldest and trend-setting library for annotating images. Probably the best known derivation of FotoNotes is Flickr’s note feature.
However, Fotonotes no longer seems to be under development and therefore it is not recommended to use it.
Type: Free
Website: http://www.fotonotes.net/
