Interactive Image

This module adds interactivity to images by adding response behaviors to mouse actions on the images.

Locations inside an interactive image can be defined as 'hotspots' using the double-click action, and by entering location-specific content in the form that pops up. These hotspots then respond to mouse-overs by displaying a modal window with content that was earlier added. The modal window content can include formatted text, images and also videos, pertaining to the image location under question.

Some examples of interactive images are: maps with spatial data about various locations, scientific / engineering / anatomy diagrams consisting annotations on various parts, organization charts with bios of personnel, and any other complex image whose different parts need elaboration.

Zooming: The module supports use of very large interactive images, and they will be resized to the desired visible width (to be specified in settings). Such images can be zoomed to view the fine details, and dragged around to view the desired portions.

Lasso selection: It is possible to designate an entire region / area in the image as a hotspot, using the 'lasso' selector.

Hotspots can be categorized using a taxonomy vocabulary, and the categories can be assigned unique colored icons. When categorized, it is possible to view only the hotspots of one category or all of them together. Even when uncategorized, different hotspots can be assigned unique colored icons.