@Idocio
As said thanks for the heads up.
This is odd as the image loader is a radius set in CSS and then on a later build in the External Image Loaders properties.
So it's a round element, but still, you see for a brief second the outline of a rectangle?
One for the team I think.
Regards,
Lolly Point Hotspot
- Hopki
- Gnome
- Posts: 13039
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
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/
Thanks for that tip. Good to know. I will adjust my thinking on it then, and create a 150x100 thumb for the preview.Hopki wrote: ↑Sun Oct 31, 2021 3:31 pm Hi Chuck,
Cool, I link it when people have a play, it helps understand the skin editor.
If you use the full resolution popup image for the preview then you will force preloading the full resolution images on open.
This may not be a good idea if you have a few.
This was why I opted for making small 100 x 100px images for the preview.
Then only when the image point hotspot is clicked do you download the full resolution image.
So downloading only happens when the point hotspot is clicked vs downloading all images on open which could slow down the loading.
Regards,
I always try and figure stuff out before seeking your help. I know your time is valuable. Your tech support makes being your customer easy.
Chuck
@hopki Here you can see a small video showing the effect in Chrome browser.
https://www.awesomescreenshot.com/video ... a2fc0d6ca8
https://www.awesomescreenshot.com/video ... a2fc0d6ca8
Hopki wrote: ↑Sun Oct 31, 2021 3:35 pm @Idocio
As said thanks for the heads up.
This is odd as the image loader is a radius set in CSS and then on a later build in the External Image Loaders properties.
So it's a round element, but still, you see for a brief second the outline of a rectangle?
One for the team I think.
Regards,
- Hopki
- Gnome
- Posts: 13039
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi, thanks for the video.
Yeah odd as the external image loader has CSS radius to make it a circle so is not a rectangle.
Regards,
Yeah odd as the external image loader has CSS radius to make it a circle so is not a rectangle.
Regards,
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/
In the meantime, I have found a solution, using only the options provided by Pano2VR.
You have to make the preview image round, using a transparent PNG.
The container is removed as a mask and the properties are applied to the image object in the skin. It works perfectly and does not cause any artifacts during the effect in Chrome.
Anyway, it would be interesting to know why Chrome renders CSS badly, since your proposal is very elegant and makes it possible to use any image without editing it.
You have to make the preview image round, using a transparent PNG.
The container is removed as a mask and the properties are applied to the image object in the skin. It works perfectly and does not cause any artifacts during the effect in Chrome.
Anyway, it would be interesting to know why Chrome renders CSS badly, since your proposal is very elegant and makes it possible to use any image without editing it.
- Hopki
- Gnome
- Posts: 13039
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi Stu,
In the skin's tree select the container ht_mask.
Then in the properties CSS Styles add
box-shadow: 2px 2px;
So it looks like:
border: 2px solid white;
border-radius: 999px;
box-shadow: 2px 2px;
You can also add blur:
box-shadow: 2px 2px 5px;
The first setting shifts the shadow to the right
The second shifts the shadow down
The third is how much blur
So you could set
box-shadow: 0px 0px 5px;
This will give an even blur all the way a round.
For more settings see: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp
In the skin's tree select the container ht_mask.
Then in the properties CSS Styles add
box-shadow: 2px 2px;
So it looks like:
border: 2px solid white;
border-radius: 999px;
box-shadow: 2px 2px;
You can also add blur:
box-shadow: 2px 2px 5px;
The first setting shifts the shadow to the right
The second shifts the shadow down
The third is how much blur
So you could set
box-shadow: 0px 0px 5px;
This will give an even blur all the way a round.
For more settings see: https://www.w3schools.com/cssref/css3_pr_box-shadow.asp
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/
- Hopki
- Gnome
- Posts: 13039
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
Hi Chuck,
What text will it display?
And how do you visualise it will work?
For example, is the text cropped until you hover over it and as it gets larger all the text is seen?
Will this be for Pano2VR 6 or 7?
Regards,
What text will it display?
And how do you visualise it will work?
For example, is the text cropped until you hover over it and as it gets larger all the text is seen?
Will this be for Pano2VR 6 or 7?
Regards,
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/