2018-06-27
1.0.0
Headfitted Labs
SQL Server
All
Components
[Overview]
This component is developed for highlighting part/section of an image on click/touch.
[Detail]
This component is developed for highlighting part/section of an image on click/touch.
There are 2 options available .
1. Static Image Highlighter.
In this component, when user clicks on the clickable areas, the clicked are will be highlighted.
2. Dynamic Image Highlighter.
In this component, when user clicks on the clickable areas, the clicked are will be highlighted. Also when the use navigates back to this page/ block, the selection will be still available and highlighted.
Referenced jquery: https://davidlynch.org/projects/maphilight/docs/
Steps for configuring of Custom Image Highlighter:
1. Upload an image which will have clickable areas .(max size supported: 375*572)
2. a. Get the desired coordinates for each clickable area
Use this lnk to generate the corodinates : http://imagemap-generator.dariodomi.de/
b. set the shape(eg. 'poly' for custom shape)
3. Add as many clickable area as required.