Open popup image from hotspot and resize it to browser height

grollaz · July 31, 2013 at 11:20 PM

Hi, how I can open popup image from hotspot, and resize it to browser height?

Thanks.

grollaz · July 31, 2013 at 11:38 PM

I have find this, but how i can add a tween for to open image from small to big?

Code

<layer name="popupimage" url="images/quadro1.jpg" align="center" height="80%" width="prop" visible="false" onclick="set(visible,false);" />		<hotspot name="quadro1" url="images/spot.png" ath="164" atv="5" onclick="set(layer[popupimage].visible,true);" />

How i can set the max height or width as the size of browser?

Thanks.

grollaz · August 1, 2013 at 2:39 PM

Any idea?

Umalo · August 1, 2013 at 10:50 PM

Example for you: link
Code: link

grollaz · October 15, 2013 at 11:33 PM

Quote from Umalo

Example for you: link
Code: link

I have try, but if i use the 3th button is ok only if the browser have the same ratio of the image, if you open a landscape image in a portrait browser, the image is distorted.

How can I enlarge respecting the proportions and the short side of the browser as maximum size?
Thanks.

Umalo · October 16, 2013 at 12:56 AM

Try investigating this code from this example: https://krpano.com/examples/116/e…pe/fovtype.html
Adapting this code from Klaus you can achieve what you want. https://krpano.com/examples/116/e…ype.xml%3C/a%3E

In general, this is base idea that works. You have to read your image dimensions and use it as parameter....

tonesh · October 16, 2013 at 11:28 PM

Simply add to Umalo's code

height="100%" - width="prop"

Toni

grollaz · October 17, 2013 at 12:45 AM

Quote from tonesh

Simply add to Umalo's code
height="100%" - width="prop"
Toni

Witht this method, if i see my image in the desktop is ok, but i i see the image in the smartphone, where the ratio of the monitor is inverse, it exit from my screen.

I need a method where the longest side, x or y is the guide for the resize.

I hope I explained myself better
Thanks.

Umalo · October 17, 2013 at 2:03 AM

I will not give you an answer immediately. Want to motive you to come up with your own solution. Read your last post. There are several good points (one good IF) there which are important.
-Hints: Screen ratio, Image ratio. Put some random resolutions on paper and think how to decide e.g. when your area is in portrait and when in landscape (one line of code but...no yet, we need to see you think and try).
It is actually pretty simple math to find them out and than you know what to do... set this or that to 100% or less and other to PROP. (Toni was partially right)

grollaz · October 17, 2013 at 11:36 AM

Hi, thanks, but i don't know how to code my idea for krpano.
Yes, is a set of if, that may be some like:

if (browser width is greater that height) width="prop" height="80%"
if (browser width is less that height) width="80%" height="prop"

but this is for landscape imge, if i apply this code to a portrait image my be that it go out of the screen, and i think that i need too a code for to understand if the image in landscape o portrait oriented.

..but i don't know ho to do.

Umalo · October 17, 2013 at 12:27 PM

ok, now you are talking. Good one . Here are more hints:
- https://krpano.com/docu/xml/#plugin.imagewidth
- https://krpano.com/docu/actions/#stagewidth

Open popup image from hotspot and resize it to browser height

Participate now!

Users Viewing This Thread