Circle Hotspots Plugin
circle_hotspots.xml
A minimallistic and elegant way to insert scene hotspots at your virtual tours with
minimum visual interference while preserving a complete
linked scene description on mouse hovering or user tapping.
It's XML based and fully functional for HTML5 and works on
desktop,
mobile,
tablet and
WebVR and has been optimized to integrate to default krpano skin (1.19 pr14).
An original idea which has been at our virtual tours at Imagen360.com for some years, now that this concept is gaining popularity I release it open source to the community to give something back after learning years from it.
To install this plugin copy .xml file to a folder within your tour structure (e.g. /plugins) and add an
<include> element at your main .xml file.
<include url="plugin/circle_hotspots.xml"/>
Follow this basic structure for each circle
<hotspot> element at your scenes, name them with linked scene's name and set tag to show it's title on hotspot activation. Plugin will create all needed elements for hotspots animation, just be sure to include a circular thumbnail image (.png) for each at the hotspot folder (e.g. /plugins/circular_thumbs) with same name that related hotspot.
(Photoshop template action included at download package.)
<hotspot name="scene_name" ath="..." atv="..." tag="Scene title"/>
Panoramas from
Agua Azul waterfalls, Chiapas, México.
Example with Krpano skin.
This plugin is
free! If you like this resource consider doing a
paypal donation to support the creative labor and efford behind its creation. Thank you!