 |
|
|
|
|
|
 |
| ||||||||
 |
 
|
|
|
|
|
|
|
|
|
| ||||||||
|
|
| 
| User list | Rules | You are not logged in.
I am having trouble making hotspot images that will fit to different screens and resolutions of devices other than my own. I have tried to use % but this does not work well with mobile devices that tend to have more of a vertical orientation. If I use pixels, pictures are getting cut off on the sides and when I use percentages, pictures dimensions are becoming skewed.
Does anyone know of a solution to this problem? Any help would be appreciated.
Thanks, Bryan
Offline
Bryan-1977 wrote:
I am having trouble making hotspot images that will fit to different screens and resolutions of devices other than my own. I have tried to use % but this does not work well with mobile devices that tend to have more of a vertical orientation. If I use pixels, pictures are getting cut off on the sides and when I use percentages, pictures dimensions are becoming skewed.
Does anyone know of a solution to this problem? Any help would be appreciated.
Thanks, Bryan
well - eggs do not have edges...
with other words there is no other way than using a small enough dimensions for your hotspot images so they do not get cut or if using % not getting compressed.
Georg
Offline
Thank you Georg,
Do you know where the dimensions are located after the tour is compiled for editing? I was thinking maybe if I could find that I could put the width at my desired percentage, maybe width ="100" and delete the hight so there is just a width....
I read somewhere that if you just leave one dimension to a picture the browser will usually keep the proportions properly constrained. Here is that reference : http://www.htmlcodetutorial.com/images/_IMG_WIDTH.html
Do you know if the width and hight are editable in the xml, javascript or somewhere?
Thanks, Bryan
Offline
Sorry I meant:
at my desired percentage, maybe width ="100%"
Offline
Hello,
If you want to have an image which keep its aspect ratio whatever the percentage dimension you set, effectively, you have to set only one dimension and not the other.
You can do it directly in Panotour. Just set "n%" for the width, for example, and "0" for the height.
Gérald
Offline
Hi Gérald,
I just got this reply and tried your suggestion. It worked like a charm! Thanks a million!!!
Bryan
Offline
I have had success (meaning I like my results) by finding a pixel ratio I like. I have found that it works well even when looking at an iPhone or a 72" screen
Offline
Hi jeradg,
I just kept seeing too much inconsistency on other machines when using pixels. I wanted the results to be consistent from people who are still using CRT (square) monitors to people who are using newer xwga monitors.
Gérald's suggestion to use a single dimension percentage is definitely the best option for me but may differ for other applications.
Offline
