Page 1 of 1

Info window with popup image

Posted: Wed Jun 27, 2018 4:47 pm
by jare
Hi,
I have found an interesting solution of info window, where user can click and enlarge image preview to fill full screen. Right click says that the tour was created in pano2vr, but it seems skin editor itself is not capable to do it. Here is the link, click the "i" icon, then the picture http://hermitagemuseum.org/3d/html/pwoa ... ml#node112

Any ideas how to do this without external programming?

Re: Info window with popup image

Posted: Wed Jun 27, 2018 6:30 pm
by soulbrother
I am shure that you can do this with p2vr, without any external solutions.

Hope that Martin or Tony willfind some time for details, as I do not this week...

Re: Info window with popup image

Posted: Thu Jun 28, 2018 1:28 am
by Tony
Hi Jare,

Is this the sort of thing you are after?

https://s3-ap-southeast-2.amazonaws.com ... index.html

Tony

Re: Info window with popup image

Posted: Thu Jun 28, 2018 8:10 am
by jare
Hi Tony,

yes, your example is similar to what I'm looking for. But not exact. As you can see in my link, the image changes with transition (zoom) from fixed size to percentage size to fit fullscreen. This is what I can't figure out.

Re: Info window with popup image

Posted: Thu Jun 28, 2018 12:58 pm
by Tony
Hi,

I've updated the project, same link. Let me know what you think.

Tony

Re: Info window with popup image

Posted: Thu Jun 28, 2018 1:34 pm
by jare
Tony, thank you for your effort!
Looks better but still not so elegant :)
I guess you use two image containers, the first is static, you click it and the second appears/scales up.
In my example is seems it is all the way the same image but how to do it is mystery for me. The zoom effect there is similar to pinned image pop out action.

Re: Info window with popup image

Posted: Thu Jun 28, 2018 2:05 pm
by Tony
Hi,

Yes two image containers one pixel based and the other percentage based.

In the Heritage Museum example there's quite a bit of javascript going on in the background and I think they are using it to create the popup effect.

Maybe Hopki knows more about it.

Tony

Re: Info window with popup image

Posted: Thu Jun 28, 2018 2:19 pm
by jare
Yes, I suspected that this effect could not be done only with skin editor.

Tony, could you share your example's project/skin files, please?

Re: Info window with popup image

Posted: Thu Jun 28, 2018 3:03 pm
by Tony
Hi,

Here is the project and skin
fixed-to-percentage-scale.zip
(6.66 KiB) Downloaded 279 times
cheers,

Tony

Re: Info window with popup image

Posted: Thu Jun 28, 2018 3:06 pm
by jare
Thanks! :wink: