Circular Hotspot with Preview

Post Reply
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Please find attached the circular hotspot that has the next nodes preview image.
To add it to Pano2VR 6 download the component and double click. You will be asked which category to save the component to.
You can save to the User Defined category or create a new category.
Once saved open Pano2VR and the skin editor, select the components toolbox and the category you save it to.
Double click to add the component to your skin.
In the skin editor use Hotspot type Node (ht_node).

ScreenFlow.gif
ScreenFlow.gif (1.39 MiB) Viewed 11184 times
Attachments
circular_point_hotspot.ggskc
(88.08 KiB) Downloaded 1054 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi,
Here is a version with the text inside the circle.
The text starts from the centre and expands up and down depending on text length.

hs_node_2.gif
hs_node_2.gif (5.48 MiB) Viewed 6161 times
Attachments
circular_point_hotspot_inner_tooltip.ggskc
(84.8 KiB) Downloaded 328 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
SergePix
Posts: 108
Joined: Fri Feb 01, 2019 2:27 pm
Location: Quebec

Hello Hopki,

I like your circular Hotspot and I would like to modify it to have a vignetting inner contour like this site https://www.photoweb360.fr/visite-virtu ... ac-annecy/

What is your suggestion?

Thanks!
Serge
Version: V7.01
Windows 10
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi SergePix,

Here is a modified version of Hopki's Circular Hotspot with an inner shadow. The inner shadow has a slightly larger offset on the top left of the circle. This can be changed by modifying the box-shadow CSS code in the Advanced tab of the ht_image_shadow element.

Here's a working version https://rebrand.ly/v7circularinnershadow

And I've attached the component.

regards,

Tony
Attachments
Circular Preview Hotspot Inner Shadow.ggskc
(305.2 KiB) Downloaded 186 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi guys,
This is covered in this thread, second post down, for the lolly hotspot: viewtopic.php?f=22&t=15247
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
Hopki
Gnome
Posts: 12999
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Actually this needs an update for V7 as it is now easier to do.
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
User avatar
SergePix
Posts: 108
Joined: Fri Feb 01, 2019 2:27 pm
Location: Quebec

Thank you Hopki,

That's work great!
Serge
Version: V7.01
Windows 10
User avatar
Tony
Posts: 1341
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Hi,

Here's a new version created in V7

cheers,

Tony
Attachments
Circular Preview Hotspot Inner Shadow V7.ggskc
(305.22 KiB) Downloaded 169 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Post Reply