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)?
Hiding skin when using a hash link with a hotspot
- 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
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/
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/
-
- 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
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