I have an info button on my tour.
it is marked with an "i" below.
if you press this a PNG should be called which gives general information about the buttons.
if I now minimize my browser window, this window or the png should be reduced in the field of view of the browser window.
and that without distorting the aspect ratio.
but it doesn't matter!
how do I get this done?
thank you in advance!!!
www.magicmoment-service.de/data/000-Fir ... index.html
need help with the aspect ratio of my info png
- TheRealMojoJojo
- Posts: 341
- Joined: Thu Sep 20, 2018 10:18 pm
Have to use SVG's to do that otherwise it will be a nightmare if you are trying to use PNG's. Using a PNG's does not LOCK the aspect ratio, however converting your PNG's to SVG will enable you to lock the aspect ratio when adjusting the screen size.
Hi,
Because you are using an image and I presume a percentage scale the image will always distort. What you need to do is make the popup using the external image element.
Here's an example https://p2vrtutorials.s3-ap-southeast-2 ... index.html
1. Add an Draw External Image to your skin
2. Add the External URL pointing to your image
3. Set the Content Scaling to Vertical - Alignment = centre
4. Add a Draw Container around the External Image element
5. Give the Container a percentage of the screen ie 60%
6. Give the External Image a percentage of 100%
Note: there's a problem with the link you added, it should be http://www.magicmoment-service.de/data/ ... index.html
cheers,
Tony
Because you are using an image and I presume a percentage scale the image will always distort. What you need to do is make the popup using the external image element.
Here's an example https://p2vrtutorials.s3-ap-southeast-2 ... index.html
1. Add an Draw External Image to your skin
2. Add the External URL pointing to your image
3. Set the Content Scaling to Vertical - Alignment = centre
4. Add a Draw Container around the External Image element
5. Give the Container a percentage of the screen ie 60%
6. Give the External Image a percentage of 100%
Note: there's a problem with the link you added, it should be http://www.magicmoment-service.de/data/ ... index.html
cheers,
Tony
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/
Hi,
Glad I could help. I've created a new version with your image: https://p2vrtutorials.s3-ap-southeast-2 ... index.html
In this example I've increased the percentage scale of the container to 80% both width and height and I've changed the External Image/Content Scaling to Horizontal.
cheers,
Tony
Glad I could help. I've created a new version with your image: https://p2vrtutorials.s3-ap-southeast-2 ... index.html
In this example I've increased the percentage scale of the container to 80% both width and height and I've changed the External Image/Content Scaling to Horizontal.
cheers,
Tony
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/