Open popup image from hotspot and resize it to browser height

Lieber Besucher, herzlich willkommen bei: krpano.com Forum. Falls dies Ihr erster Besuch auf dieser Seite ist, lesen Sie sich bitte die Hilfe durch. Dort wird Ihnen die Bedienung dieser Seite näher erläutert. Darüber hinaus sollten Sie sich registrieren, um alle Funktionen dieser Seite nutzen zu können. Benutzen Sie das Registrierungsformular, um sich zu registrieren oder informieren Sie sich ausführlich über den Registrierungsvorgang. Falls Sie sich bereits zu einem früheren Zeitpunkt registriert haben, können Sie sich hier anmelden.

grollaz

Schüler

Beiträge: 67

Mittwoch, 31. Juli 2013, 23:20

Open popup image from hotspot and resize it to browser height

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

Thanks.

Zum Seitenanfang

grollaz

Schüler

Beiträge: 67

Mittwoch, 31. Juli 2013, 23:38

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

Quellcode

<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.

Zum Seitenanfang

grollaz

Schüler

Beiträge: 67

Donnerstag, 1. August 2013, 14:39

Any idea?

Zum Seitenanfang

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

Donnerstag, 1. August 2013, 22:50

Example for you: link
Code: link

Zum Seitenanfang

grollaz

Schüler

Beiträge: 67

Dienstag, 15. Oktober 2013, 23:33

Zitat von »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.

Zum Seitenanfang

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

Mittwoch, 16. Oktober 2013, 00:56

Try investigating this code from this example: http://krpano.com/examples/116/examples/…pe/fovtype.html
Adapting this code from Klaus you can achieve what you want. [url]http://krpano.com/examples/116/examples/xml-usage/fovtype/fovtype.xml[/url]

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

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »Umalo« (17. Oktober 2013, 01:55)

Zum Seitenanfang

tonesh

Schüler

Beiträge: 75

Wohnort: Rome

Beruf: Photographer

Mittwoch, 16. Oktober 2013, 23:28

Simply add to Umalo's code

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

Toni

StudioArgento

Zum Seitenanfang

grollaz

Schüler

Beiträge: 67

Donnerstag, 17. Oktober 2013, 00:45

Zitat von »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.

Zum Seitenanfang

Umalo

Profi

Beiträge: 1 051

Wohnort: Osijek, Croatia, EU

Donnerstag, 17. Oktober 2013, 02:03

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)

Zum Seitenanfang

grollaz

Schüler

Beiträge: 67

Donnerstag, 17. Oktober 2013, 11:36

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.