9 jQuery Image & Text Annotation Plugins

Have you ever wanted to annotate your images like you can on Flickr and Facebook? So if you are looking for plugins to integrate similar functionality, here are some best jQuery plugins that let you mark and annotate regions of images and text in web pages.

Annotorious

Annotorious is an open source Web image annotation tool. It enables anyone maintaining a Web page to turn images on their site into interactive, collaborative drawing & communication canvases. Integration of Annotorious couldn’t be simpler: only two lines of additional code are needed – and then users are able to select part of an image, and leave a text comment on it.

annotorius-7

Powerful Annotations and Tooltips

Hotspot is a plugin for easily adding annotations, text, or other stuff to an image, on the exact locations that you want. It’s an old concept with one exception. It comes with a powerful editor for precise drawing and positioning of the spots. You can also edit settings, see a preview of the final result and the editor will generate the HTML and JS code for you!

Hotspot Map - Powerful Annotations and Tooltips

Annotator Pro – Image Tooltips & Zooming

Easy annotations, tooltips and zooming for your photos and images. It comes with a fully featured editor that you can use to customize the plugin. Get instant previews and tweak the settings until it’s just right.

Image Tooltips & Zooming

jQuery Image Annotation Plugin

A jQuery Image Annotation plugin that can create Flickr-like comments on images embedded in web pages.

jquery image annotation plugin

Djaodjin-annotate.js

djaodjin-annotate.js is a simple jquery plugin allowing you to annotate a screenshot.

Simple jquery plugin to annotate a screenshot

Hotspotter

With this plugin you can easily create amazing hotspots on your images with just point & click!

hotspotter

Reel

Reel is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360° object movie, panorama or stop-motion animation.

jquery reel

ZURB JavaScript Annotation Plugin

Easily annotate any image with the ZURB JavaScript Annotation Plugin and jQuery.

zurb-8

Annotatorjs

Annotator is an open-source JavaScript library to easily add annotation functionality to any webpage. Annotations can have comments, tags, links, users, and more.

Annotator has a simple but powerful plugin architecture.


1 Comments

  1. Thanks for sharing such useful plugins, I will use annotator pro for my upcoming project.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked