adapt-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