Hiding skin when using a hash link with a hotspot

Special forum to share and discuss skins for Pano2VR and Object2VR
Post Reply
petersmall
Posts: 30
Joined: Fri Jan 10, 2014 5:51 pm

I want to be able to use a hash link to bring up a popup image when I click on a hotspot (i.e., URL = #MyImage).
This works fine except that the skin (control buttons) is visible over the image. How can I arrange for the skin to be under my image (or to be invisible)?
User avatar
Hopki
Gnome
Posts: 13029
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Hi Peter,
Can you post your skin?
Regards,
Hopki
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/
petersmall
Posts: 30
Joined: Fri Jan 10, 2014 5:51 pm

Hi Hopki,

It doesn't happen in the skin. The skin can be any skin.
The popup is triggered from the URL field of the hotspot
i.e., #myPopUp
This hash link takes the page view to a <div> with an id name matching the hash call
i.e., <div id = "myPopUp">
This div (with its class i.e., class="popUp1") describes the popup but has an opacity = 0, which means it does not show on the page.
However, if a pseudo class is created:
.popUp1:target {opacity:1; pointer-events:auto;}
This can reset the opacity to 1 - allowing the popup to be visible when the hash link is called.

This technique is described in detail in:
http://www.webdesignerdepot.com/2012/10 ... -and-css3/

What it needs now is for the pseudo class to be able to make the skin disappear - or at least the control buttons

regards

Peter
Post Reply