USI-UI

Name

Interactive Image with Hotspots

Description

In this package there is a component which returns a image with some hotspots (e.g, There is an image consits of table chair light we have to send the URL of image , hotspots data as coordinates. It will give image when user hover over the table or chair it will be highlighted).

Visuals

Properties

src = source url of the Image.

data =[{ "id": Id of Hotspot, "box": { "top": the given number is converted into % by multiplying it with 100, "left": the given number is converted into % by multiplying it with 100, "right": the given number is converted into % by multiplying it with 100, "bottom": the given number is converted into % by multiplying it with 100 }, "itemNo": "item no of particular item", "hotSpot"(hostspot point of the item): { "top": the given number is converted into % by multiplying it with 100, "left":the given number is converted into % by multiplying it with 100 } }](array of objects cointaining the hotspots and its data).

isClickable = true or false (This is for the particular item is clickable or not).

clickEvent = function (it returns the event and data of that particular hotspot).