Skip to content

A component having hotspots over images that enables learner to display a popup on click.

License

Notifications You must be signed in to change notification settings

kunjsharma/adapt-animation-hotspot

Repository files navigation

adapt-animation-hotspot

animation-hotspot

Component having hotspots over the images that enables learner display a detailed popup.

Installation

First, be sure to install the Adapt Command Line Interface, then from the command line run:-

adapt install animation-hotspot

Or, download the ZIP and extract into the src > extensions directory and run an appropriate Grunt task.

Demo

https://kunjsharma.github.io/#/id/co-00

Attributes

core model attributes: These are inherited by every Adapt component. Read more.

_component (string): This value must be: animation-hotspot.

_animation (boolean): Animation required or not.

_delay (string): Time interval between frames (ms).

_navigation (string): linear or random.

_bg (string): Background image. Required to display component correctly in responsive.

_items (array): Contains values for _graphic and _highlight for each animation frame.

_hotspots (array): Sets dimension, position, border radius and label.

_feedback (array): Notify popup text (opens when click on hotspot).

Limitations

Compatiblity issue with authoring tool, ok with framework.

Browser/platform specification

Intended to develop standard Adapt browser/devices specifications.


Version number: 2.1.1
Framework versions: ^3.2.1
Accessibility support: WAI AA
Author/maintainer: Kunj kunjsharma@hotmail.com

About

A component having hotspots over images that enables learner to display a popup on click.

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published